jQuery用户界面对话框。NET按钮回发

我有一个jQuery UI对话框工作在我的ASP。NET页面:

jQuery(function() {
    jQuery("#dialog").dialog({
        draggable: true,
        resizable: true,
        show: 'Transfer',
        hide: 'Transfer',
        width: 320,
        autoOpen: false,
        minHeight: 10,
        minwidth: 10
    });
});

jQuery(document).ready(function() {
    jQuery("#button_id").click(function(e) {
        jQuery('#dialog').dialog('option', 'position', [e.pageX + 10, e.pageY + 10]);
        jQuery('#dialog').dialog('open');
    });
});

我的div。

<div id="dialog" style="text-align: left;display: none;">
    <asp:Button ID="btnButton" runat="server" Text="Button" onclick="btnButton_Click" />
</div>

但是btnButton_Click从来没有被调用…我怎么解决这个问题呢?

更多信息:我添加了这段代码来移动div到窗体:

jQuery("#dialog").parent().appendTo(jQuery("form:first"));

但还是没有成功……

当前回答

$('#divname').parent().appendTo($("form:first"));

使用这段代码解决了我的问题，它在每一个浏览器，Internet Explorer 7, Firefox 3和谷歌Chrome。我开始喜欢jQuery…这是一个很酷的框架。

我也测试了部分渲染，这正是我想要的。太棒了!

<script type="text/javascript">
    function openModalDiv(divname) {
        $('#' + divname).dialog({ autoOpen: false, bgiframe: true, modal: true });
        $('#' + divname).dialog('open');
        $('#' + divname).parent().appendTo($("form:first"));
    }

    function closeModalDiv(divname) {
        $('#' + divname).dialog('close');
    }
</script>
...
...
<input id="Button1" type="button" value="Open 1" onclick="javascript:openModalDiv('Div1');" />
...
...
<div id="Div1" title="Basic dialog" >
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
       <ContentTemplate>
          postback test<br />
          <asp:Button ID="but_OK" runat="server" Text="Send request" /><br />
          <asp:TextBox ID="tb_send" runat="server"></asp:TextBox><br />
          <asp:Label ID="lbl_result" runat="server" Text="prova" BackColor="#ff0000></asp:Label>
        </ContentTemplate>
    <asp:UpdatePanel>
    <input id="Button2" type="button" value="cancel" onclick="javascript:closeModalDiv('Div1');" />
</div>

2009-05-13 09:06:45

其他回答

正确移动对话框，但是你应该只在打开对话框的按钮中这样做。下面是jQuery UI示例中的一些额外代码:

$('#create-user').click(function() {
    $("#dialog").parent().appendTo($("form:first"))
    $('#dialog').dialog('open');
})

在对话框中添加你的asp:按钮，它运行得很好。

注意:您应该将<button>更改为<input type=button>，以防止单击“创建用户”按钮后回发。

2009-04-23 10:55:40

$('#dialog').parent(). appendto ($("form:first"))解决方案在IE 9中正常工作。但是在ie8中，它可以让对话框直接出现和消失。你不能看到这个，除非你放置一些警告，这样对话框似乎永远不会出现。我花了一个上午的时间找到了一个在两个版本都适用的解决方案，而在版本8和9上都适用的唯一解决方案是:

$(".ui-dialog").prependTo("form");

希望这能帮助其他有同样问题的人

2013-04-17 10:20:29

$('#divname').parent().appendTo($("form:first"));

使用这段代码解决了我的问题，它在每一个浏览器，Internet Explorer 7, Firefox 3和谷歌Chrome。我开始喜欢jQuery…这是一个很酷的框架。

我也测试了部分渲染，这正是我想要的。太棒了!

<script type="text/javascript">
    function openModalDiv(divname) {
        $('#' + divname).dialog({ autoOpen: false, bgiframe: true, modal: true });
        $('#' + divname).dialog('open');
        $('#' + divname).parent().appendTo($("form:first"));
    }

    function closeModalDiv(divname) {
        $('#' + divname).dialog('close');
    }
</script>
...
...
<input id="Button1" type="button" value="Open 1" onclick="javascript:openModalDiv('Div1');" />
...
...
<div id="Div1" title="Basic dialog" >
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
       <ContentTemplate>
          postback test<br />
          <asp:Button ID="but_OK" runat="server" Text="Send request" /><br />
          <asp:TextBox ID="tb_send" runat="server"></asp:TextBox><br />
          <asp:Label ID="lbl_result" runat="server" Text="prova" BackColor="#ff0000></asp:Label>
        </ContentTemplate>
    <asp:UpdatePanel>
    <input id="Button2" type="button" value="cancel" onclick="javascript:closeModalDiv('Div1');" />
</div>

2009-05-13 09:06:45

我只是在创建对话框后添加了以下一行:

$(".ui-dialog").prependTo("form");

2012-01-10 07:01:20

准确的解是;

$("#dialogDiv").dialog({ other options...,
    open: function (type, data) {
        $(this).parent().appendTo("form");
    }
});

2013-04-17 10:28:04

jQuery用户界面对话框。NET按钮回发

推荐文章

最新文章

标签