jquery 对话框和 asp.net 动态链接按钮

Question

我有一个 gridview，它有一行包含动态添加的 LinkBut​​tons。 单击这些链接按钮时，我需要显示一个确认对话框。 我尝试按照这篇文章中的建议工作： JQuery DIalog and ASP.NET Repeater 但它不起作用，postBackReference 不包含正确的 ID（它忽略占位符） 这是我的代码：

GridView1_RowCreated(Object sender, GridViewRowEventArgs e)
{
   //some code here

   LinkButton lb = new LinkButton();
   lb.Text = "something";
   lb.ID = "someId";
   string postBackReference = ClientScript.GetPostBackEventReference(lb, string.Empty);
   lb.OnClientClick = "javascript: showConf(function(){"+ postBackReference  +"});return false;";

   TableCell cell = new TableCell();
   cell.Controls.Add(lb);
   e.Row.Cells.Add(cell);
}

有人有想法吗？

Answer 1

所以这是一个对我有用的解决方案： 基本上我根据这篇文章中的解决方案工作： JQuery DIalog and ASP.NET Repeater 唯一的区别是我必须使用 RowCreated 事件来添加我的动态 LinkBut​​tons 和 RowDataBound 事件来注册我的客户端函数（否则原始 __doPostBack 不会正确获取 ID 参数（好像它忽略了它在占位符））。 所以我后面的代码现在看起来像这样：

GridView1_RowCreated(Object sender, GridViewRowEventArgs e)
{
   //some code here

   LinkButton lb = new LinkButton();
   lb.Text = "something";
   lb.ID = "someId";

   TableCell cell = new TableCell();
   cell.Controls.Add(lb);
   e.Row.Cells.Add(cell);
}

和：

GridView1_RowDataBound(Object sender, GridViewRowEventArgs e)
{
   //some code here

   LinkButton lb = e.Row.FindControl("someId") as LinkButton;
   string postBackReference = ClientScript.GetPostBackEventReference(lb, string.Empty);
   lb.OnClientClick = "javascript: showConf(function(){"+ postBackReference  +"});return false;";

}

客户端功能 - showConf 和标记保持原样。

Answer 2

我不确切知道 JQuery 在您的场景中的作用。我想您想显示某种精美的确认框，如果您提供详细信息，我将提供更具体的答案，但是现在，这就是使用纯 javascript 完成的方式：

GridView1_RowCreated(Object sender, GridViewRowEventArgs e)
{

   LinkButton lb = new LinkButton();
   lb.Text = "something";
   lb.ID = "someId";
   lb.OnClientClick = "javascript: return confirm('Are you sure that you want to do this and that?'); ";

   TableCell cell = new TableCell();
   cell.Controls.Add(lb);
   e.Row.Cells.Add(cell);
}

更新 - 为 JQuery UI 方法尝试类似的方法

1. 在您的标记中有一个 id="dialog-confirm" 的 div，如下所示：

    <div id="dialog-confirm" title="" ></div>
   

2. 定义一个名为 showConfirmation 的 JavaScript 函数：

    function showConfirmation(confirmationMessage)
    {
         $("#dialog-confirm").dialog("destroy");
         $( "#dialog-confirm" ).dialog({
           resizable: false,
           height:140,
           title: confirmationMessage,
           modal: true,
           buttons: {
               "Yes": function() {
                   $( this ).dialog( "close" );
                   __doPostBack(linkItemID, '');//will cause postback
               },
               Cancel: function() {
                   $( this ).dialog( "close" );
               }
           }
       });
    return false; //it will never postback
    }
   

3. 现在您的代码应该如下所示：

    GridView1_RowCreated(Object sender, GridViewRowEventArgs e)
    {
      LinkButton lb = new LinkButton();
       lb.Text = "something";
       lb.ID = "someId";
       lb.OnClientClick = "return showConfirmation('Are you sure you want to do this and that?','"+lb.ID+"'); ";
       TableCell cell = new TableCell();
       cell.Controls.Add(lb);
       e.Row.Cells.Add(cell);
    }
   

注意：上面的代码尚未经过测试，但应该非常接近您的需要。