Question

我在gridview中有一个删除按钮。对于那些不熟悉asp.net的人，我的删除按钮输出如下：

<a id="ctl00_cp1_dtgrAllRates_ctl02_lbDelete" 
   class="lb"
   href="javascript:__doPostBack('ctl00$cp1$dtgrAllRates$ctl02$lbDelete','')">
Delete</a>

我有一个确认对话框，连接到gridview中的所有删除链接，询问用户是否确定要删除。它弹出没问题，但我想点击回发（href值），如果他们点击确认。我不知道如何做到这一点，因为对话框代码与单击的链接分开，因此我不能仅仅抓住'this'上的href，例如。

var theID = $(this).attr("href");

然后解雇。有没有什么方法可以将href val作为参数传递给对话框代码或某些东西，以便“确认删除”部分在单击按钮时使用它，如果单击“取消”，对话框就会关闭？

这是我的jQuery代码：

$(document).ready(function(){
    $("#dialog").dialog({
      bgiframe: true,
      autoOpen: false,
      width: 400,
      height: 200,
      modal: true,
      buttons: {
                'Confirm Delete': function() {
                    $(this).dialog('close');
                    //fire href here preferably
                    },
                Cancel: function(){
                    $(this).dialog('close');
                    }
            }
    });

    $(".lb").click(function(event){
        $("#dialog").dialog('open');
        event.preventDefault();
    });

});

TIA

劳埃德

Answer 1

好的，设法解决了。我发现这篇文章有点帮助：

How to implement "confirmation" dialog in Jquery UI dialog?

然而，帖子中提供的示例并不是很有效，因为对话框的实例化在点击处理程序上是不正确的。一旦对话框已经实例化，在对话框上设置属性/选项有一种不同的方法。所以我的最终代码是：

$(document).ready(function(){

$("#dialog").dialog({
  modal: true,
        bgiframe: true,
        width: 500,
        height: 200,
  autoOpen: false
  });


$(".lb").click(function(e) {
    e.preventDefault();
    var theHREF = $(this).attr("href");


    $("#dialog").dialog('option', 'buttons', {
            "Confirm" : function() {
                window.location.href = theHREF;
                },
            "Cancel" : function() {
                $(this).dialog("close");
                }
            });

    $("#dialog").dialog("open");

});

});

希望这有助于其他人。 Gurdas，谢谢你的帮助，它绝对让齿轮转动。：）

Answer 2

可能有一种更简洁的方法可以做到这一点，但我认为你必须抓住你点击的链接的上下文，以便在构建对话框时使用它的href;然后，即使用该参数构造了对话框，也会激活该对话框;我会更多地考虑一种更有效的方法，但希望这会让一些齿轮转向......

 $(".lb").click(function(event){    

      var theHREF = $(this).attr("href");



       $("#dialog").dialog({
      bgiframe: true,
      autoOpen: false,
      width: 400,
      height: 200,
      modal: true,
      buttons: {
                'Confirm Delete': function() {

                    //href fired here
                    window.location.href= theHREF; 

                    },
                Cancel: function(){
                    $(this).dialog('close');
                    }
            }    

    }).dialog('open');

Answer 3

有些时候，我已经以标准的集成方式建立了a web control来做到这一点。看一看。

jQuery UI确认对话框和asp.net回发

3 个答案: