从jquery对话框中加载的页面中单击按钮事件_Jquery_Asp.net_Dialog

从jquery对话框中加载的页面中单击按钮事件

jquery asp.net

从jquery对话框中加载的页面中单击按钮事件,jquery,asp.net,dialog,Jquery,Asp.net,Dialog,我试图在jQuery对话框中加载一个“取消”页面 jQuery对话框有确认按钮“是”和“否”。如果我单击“是”按钮，它将从jQuery对话框中加载的cancel.aspx页面中触发按钮click事件如何从加载的页面调用单击事件修改.aspx $（“#dialogCancel”）.load（'Cancel.aspx'）.dialog({ 打开：函数（）{ $（“.ui对话框标题栏关闭”）.hide（）； }, 宽度：“300”，高度：'200'，莫代尔：是的，可拖动：错误，可调整大小

我试图在jQuery对话框中加载一个“取消”页面

jQuery对话框有确认按钮“是”和“否”。如果我单击“是”按钮，它将从jQuery对话框中加载的

cancel.aspx

页面中触发按钮

click

事件

如何从加载的页面调用单击事件

修改.aspx


$（“#dialogCancel”）.load（'Cancel.aspx'）.dialog({
打开：函数（）{
$（“.ui对话框标题栏关闭”）.hide（）；
},
宽度：“300”，
高度：'200'，
莫代尔：是的，
可拖动：错误，
可调整大小：false，
展示：{
效果：“褪色”，
持续时间：1500
},
按钮：{
“是”：函数（）{
//如果是，则从jquery对话框中加载的取消页面中触发按钮单击事件。
位置。重新加载（true）；
},
“否”：函数（）{
$（this.dialog（'close'）；
}
}
});

取消.aspx

首先，您必须修改标记。设置btnCancel

Visible=“true”

Visible=“false”

将停止此控件的渲染。如果希望按钮不可见，让我们在css中执行此操作：

style=“display:none”

。以下是Cancel.aspx的标记：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Cancel.aspx.cs" %>

<html>

    <head id="Head1" runat="server">
        <title></title>
        <link href="Scripts/Jquery/themes/dark-hive/jquery-ui.css" rel="stylesheet" type="text/css" />
    </head>

    <body bgcolor="red">
        <form id="Cancel" runat="server">
            <div id="div1">
                <center>
                    <br />
                    <br />
                    <asp:Button ID="btnCancel" runat="server" Text="Yes" Height="28px" Visible="true" onclick="btnCancel_Click" style="display:none;"/>
                </center>
            </div>
        </form>
    </body>

</html>

现在在脚本中，我们需要做一些更改。我已经包括了jquery和jQueryUI。我们需要触发取消按钮的点击事件。但是在那之后，我们需要确保我们没有重新加载页面输入输出测试。我已经评论了这行了。以下是Modify.aspx与jquery的标记：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script src="Scripts/jquery-1.8.2.js"></script>
    <script src="Scripts/jquery-ui-1.8.24.js"></script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <div id="dialogCancel" style="display: none;"></div>
    <script type="text/javascript">
        $("#dialogCancel").load('Cancel.aspx').dialog({
            open: function () {
                $(".ui-dialog-titlebar-close").hide();
            },
            width: '300',
            height: '200',
            modal: true,
            draggable: false,
            resizable: false,
            show: {
                effect: 'fade',
                duration: 1500
            },

            buttons: {
                'Yes': function () {
                    //if YES fire button click event from cancel page loaded in jquery dialog.
                    $("#btnCancel").trigger("click");
                    //location.reload(true);//Uncomment this line once you are done with testing
                },
                'No': function () {
                    $(this).dialog('close');
                }
            }
        });
    </script>

    </div>
    </form>
</body>
</html>


$（“#dialogCancel”）.load（'Cancel.aspx'）.dialog({
打开：函数（）{
$（“.ui对话框标题栏关闭”）.hide（）；
},
宽度：“300”，
高度：'200'，
莫代尔：是的，
可拖动：错误，
可调整大小：false，
展示：{
效果：“褪色”，
持续时间：1500
},
按钮：{
“是”：函数（）{
//如果是，则从jquery对话框中加载的取消页面中触发按钮单击事件。
$（“取消”）。触发（“单击”）；
//location.reload（true）；//完成测试后取消对此行的注释
},
“否”：函数（）{
$（this.dialog（'close'）；
}
}
});

谢谢你，阿夫扎勒赫，太棒了！BTN取消单击事件工作正常。