访问模式页面上的按钮

本文关键字：按钮 模式 访问 | 更新日期: 2023-09-27 18:21:05

我有一个打开模态的页面（Page1.aspx）。该模式是另一个aspx页面（Page2.aspx）。

我如何在打开页面（或任何其他方式）中声明，一个模式按钮在Page2.aspx中执行按钮点击。

我试着放：$('#ButtonOK').click();（因为它是按钮id），但在父页面上它无法识别。

我该如何执行该点击？

非常感谢。

我的代码，第1页：

function createModal(f,w,h) {
            var dialogWidth = w;
            var dialogHeight = h;
        $('#dialog').dialog({
            autoOpen: false
            , bigframe: false
            , modal: true
            , width: dialogWidth
            , height: dialogHeight
            , autoResize: true
            , closeOnEscape: true
            , position: { my: "center", at: "center", of: window.top }
            , open: function (event, ui) {
                $('#dialog').css('overflow', 'hidden'); //this line does the actual hiding
            }
            ,buttons: {
                Ok: function () {
                    $("input[id$='ButtonOK']").trigger('click');
                },
                Cancelar: function () {
                    $(this).dialog("close");
                }
            }
        });
        $('#dialog').dialog('open');
        $("#iframe").attr('src', f);
        return false;
    }
    function PermMV(usr) {
        createModal('new.aspx?usr=' + usr,350,450);
    }

<div id="dialog" style="display: none;"> <iframe id="iframe" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" align="middle"></iframe> </div>

第2页：<div id="acrescenta2" title="Perm"> <asp:TextBox ID="txtuser1" name="txtuser" runat="server" Text="" CssClass="consprodtxt" /> <asp:Button ID="ButtonOK" runat="server" OnClick="ButtonOK_Click" OnClientClick="ButtonOK_Click" Text="OK" CssClass="btnmv" /> </div>

希望能有所帮助。

访问模式页面上的按钮

您需要像这样使用IFrame，

<div class="modal-body" id="modal_dialog">
<iframe style=" width:100%; height: 100%;" id="ifrm" src="yourExternalPage.aspx" runat="server">
</iframe>

并使用JQuery、打开这个Div作为对话

<script type="text/javascript">
    $("#BtnClick").live("click", function () {
        $("#modal_dialog").dialog({
            title: "jQuery Modal Dialog Popup",
            buttons: {
                Close: function () {
                    $(this).dialog('close');
                }
            },
            modal: true
        });
        return false;
    });
</script>

1<>ASP.Net 中的简单jQuery模式弹出窗口示例

2<>在asp.net 中使用jquery的模式弹出

$(document).on("click","element",function(args){
    //...
});

试试

试试这个：

$("#ButtonOK").trigger('click');
相关文章：