0

我是 jQuery 新手,当用户单击页面提交按钮时,我正在努力打开一个 jQuery 对话框;任何帮助将不胜感激!

我搜索了其他帖子,谷歌等,但显然还是不太明白。我在下面包含代码的相关部分。仅供参考,我正在使用 Telerik 控件,提交按钮位于表格中。这是一个相当大的 asp.net/vb.net Web 应用程序中的一个页面,它确实使用了母版页。

最终,我想为用户提供一个是、否、取消对话框,但此时我只是想让一个对话框简单地打开。

<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>

谢谢!

4

1 回答 1

1

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

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

$("#<%=btnSelSubmit.ClientID %>").click(function () {
    var dlg = $("#Dialog").dialog({
        title: "Something here",
        autoOpen: true,
        width: 600,
        modal: true
        }
    });
于 2013-02-04T20:00:17.067 回答