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

jQuery对话框未在按钮单击时打开-asp.net网页,jquery,asp.net,button,dialog,Jquery,Asp.net,Button,Dialog,我是jQuery新手,当用户单击页面提交按钮时,我很难打开jQuery对话框;任何帮助都将不胜感激 我搜索过其他帖子,谷歌等,但显然还是不太明白。我将在下面介绍代码的相关部分。仅供参考,我使用的是Telerik控件,提交按钮在一个表中。这是一个相当大的asp.net/vb.net web应用程序中的一个页面,它使用母版页 最终,我想为用户提供一个Yes,No,Cancel对话框,但现在我只是想让一个对话框简单地打开 <script type="text/javascript"> fu

我是jQuery新手,当用户单击页面提交按钮时,我很难打开jQuery对话框;任何帮助都将不胜感激

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

最终,我想为用户提供一个Yes,No,Cancel对话框,但现在我只是想让一个对话框简单地打开

<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");
                }
            }
        });
    });

函数confirmSubmit2(发送方,参数){
var rblNextStep=document.getElementById(“”);
var radioButtons=rblNextStep.getElementsByTagName('input');
var selectedButton=radioButtons.length-1;
如果(单选按钮[selectedButton]。选中){
var hasItems=document.getElementById(“”).value
if(parseInt(hasItems)!=0)
jQuery(#dialog”).dialog('open');
}
}
$(函数(){
$(“#对话框”)。对话框({
可调整大小:false,
身高:140,
莫代尔:是的,
按钮:{
“删除所有项目”:函数(){
$(此).dialog(“关闭”);
},
取消:函数(){
$(此).dialog(“关闭”);
}
}
});
});



谢谢

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

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

$("#<%=btnSelSubmit.ClientID %>").click(function () {
    var dlg = $("#Dialog").dialog({
        title: "Something here",
        autoOpen: true,
        width: 600,
        modal: true
        }
    });
$(“#”)点击(函数(){
var dlg=$(“#Dialog”).Dialog({
标题:“这里有东西”,
自动打开:对,
宽度:600,
莫代尔:对
}
});

您已经在使用jQuery了。为什么还要麻烦使用document.getElementById?您已经这样做了,但没有将其作为代码块添加到编辑器中。您好:)confirmsumbit2 javascript函数已经存在,因为我最初只是提醒用户存在项。但是,我想给用户一个机会来做yes、no、cancel,因此我试图利用jQuery的对话框,因为javascript的确认框只有ok和cancel选项。因此,我在confirmsubmit2函数中取出了显示警报的代码行,并将其替换为jquery对话框open call当用户提交页面时,我想显示一个弹出窗口,询问用户一个问题。除非他们选择取消,否则我需要做一些服务器端处理。所以我想使用客户端onclick事件来显示弹出窗口,并使用服务器端click事件来执行提交逻辑。如果我理解正确,您的建议将在按钮单击事件上打开对话框,对吗?这是我提供的代码,但您可以同样轻松地将其更改为仅客户端事件(使用另一个对象,而不是具有服务器端事件的btn)。在jquery中从对话框中获取服务器端事件可能相当棘手,因为对话框在页面中加载的方式,它们实际上被移动到页面的末尾,这往往会与DOMI玩把戏,因为DOMI能够显示一个包含以下代码的对话框。现在,当我取消对话框时,我会收到“TypeError:a[b]不是函数”消息。我仍在玩弄代码并进行一些搜索。:)我想我理解你的意思,因为你说的很狡猾;我可能最终会走另一条路,但我计划多做一点,因为我从经验中学到了很多。。。很抱歉格式化,显然我还在学习如何在这个网站上发布lol.jQuery(函数(){jQuery(.confirm”).dialog({可调整大小:true,高度:300,宽度:300,模式:true,按钮:{“删除所有项”:函数(){jQuery(this)。dialog(“close”);},“保留所有项”:函数(){jQuery(this.dialog(“close”);},Cancel:function(){jQuery(this.dialog(“close”);}}});jQuery(.confirm”).dialog({autoOpen:false});您可以用新代码更新原始帖子(edit),但注释并不能很好地接受代码
$("#<%=btnSelSubmit.ClientID %>").click(function () {
    var dlg = $("#Dialog").dialog({
        title: "Something here",
        autoOpen: true,
        width: 600,
        modal: true
        }
    });