列表视图中的按钮，在对话框中打开，而不是触发按钮单击事件答案

【问题标题】：Button inside listview, being opened in a dialog, not firing button click event列表视图中的按钮，在对话框中打开，而不是触发按钮单击事件
【发布时间】：2013-07-16 09:13:34
【问题描述】：

列表视图中的按钮，在对话框中打开，而不是触发按钮单击事件。以下是相关代码：

<div id="AssetsListView">

<asp:ListView ID="lstviewAssetAssign" runat="server">

<LayoutTemplate>

            <asp:Button ID="btnSaveAssetAssignFromListView" runat="server" Text="Save" OnClick="btnSaveAssetAssignFromListView_Click" />
            <asp:Button ID="btnClearCheckboxesFromListView" runat="server" Text="Clear" OnClick="btnClearCheckboxesFromListView_Click" />

</LayoutTemplate>

</asp:ListView>
</div>

我正在使用以下对话框在对话框中打开此 Listview：

$(document).ready(function () {

        $("#AssetsListView").dialog({
            autoOpen: false,
            show: "show",
            hide: "hide",
            modal: true,
            draggable: false,
            resizable: false,
            width: 750
        });

        $(".gridviewbutton").unbind("click");
        $(".gridviewbutton").bind("click", function () {
            $("#AssetsListView").dialog("open");
        });

这里是事件处理程序声明：

protected void btnSaveAssetAssignFromListView_Click(object sender, EventArgs e)
    {
        // Some Code here            
    }

    protected void btnClearCheckboxesFromListView_Click(object sender, EventArgs e)
    {
        // Some code here
    }

我尝试在事件处理程序的开头添加断点，并且很确定事件不会在按钮单击时触发。

我们将不胜感激，谢谢。

【问题讨论】：

我的回答对你有用吗？
您好，感谢您之前的回答，很抱歉没有回复。我现在换了工作，但我认为你当时的回答很相关:)
祝新工作好运。

标签： jquery asp.net listview button

【解决方案1】：

jQuery ui 对话框在aspx 页面的<form runat='server'></form> 标记外部呈现，因此不会触发任何服务器端事件。您需要在对话框打开时将其附加到表单元素。

如果您使用的是 jQuery ui 版本 > 1.10.0，他们提供了一个 appendTo 选项

$( ".selector" ).dialog({ appendTo: "form" });

否则，

$('.selector').dialog({
      open:function(){{
         $(this).parent().appendTo($("form"));
     }}
});

在上面的代码中，form表示您的ASPX页面上的<form></form>元素的相应选择器。

【讨论】：