Question

我是jQuery的新手，当用户点击页面提交按钮时，我正在努力打开jQuery对话框;任何帮助将不胜感激！

我搜索了其他帖子，谷歌等，但显然仍然不太明白。我在下面列出了相关的代码部分。只是fyi，我正在使用Telerik控件，并且提交按钮位于表格中。这是一个相当大的asp.net/vb.net网络应用程序中的一个页面，它使用母版页。

最终，我想为用户提供“是”，“否”，“取消”对话框，但此时我只想尝试一个简单的对话框。

<script type="text/javascript">
function confirmSubmit2(sender, args) {
    var rblNextStep = document.getElementById("<%= cbNextStep.ClientID %>");
    var radioButtons = rblNextStep.getElementsByTagName('input');
    var selectedButton = radioButtons.length - 1;

    if (radioButtons[selectedButton].checked) {
        var hasItems = document.getElementById('<% =hfHasItems.ClientId %>').value

        if (parseInt(hasItems) != 0)
            jQuery("#dialog").dialog('open');
    }
}

    $(function () {
        $("#dialog").dialog({
            resizable: false,
            height: 140,
            modal: true,
            buttons: {
                "Delete all items": function () {
                    $(this).dialog("close");
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });
    });

<td style="font-family: Times New Roman; font-size: medium; width: 33%; text-align: left;">
    <div id="dialog">
     <asp:Panel ID="btnSubmitWrapper" runat="server">
        <telerik:RadButton ID="btnSelSubmit" runat="server" Skin="Sunset" Text="Submit"
            ValidationGroup="Review" Width="98%" OnClientClicked="confirmSubmit2"
            SingleClick="true" SingleClickText="Submitting..." DisabledButtonCssClass="btnDisable">
        </telerik:RadButton>
    </asp:Panel>
    </div>
</td>

谢谢！

Answer 1

看起来你并没有真正正确地调用对话框插件。

要打开Dialog，为什么不使用jquery并执行类似的操作来连接click事件。

$("#<%=btnSelSubmit.ClientID %>").click(function () {
    var dlg = $("#Dialog").dialog({
        title: "Something here",
        autoOpen: true,
        width: 600,
        modal: true
        }
    });

单击按钮时不打开jQuery对话框 - asp.net网页

1 个答案: