jquery模态窗口

时间:2011-01-26 17:32:54

标签: jquery-ui

在.aspx页面中,我有一个带有asp:textbox和asp:linkbutton的div,其中visibility的设置为false。我在页面中有一个链接,可以打开一个模态窗口并显示div的内容。当在服务器端代码上单击asp:linkbutton时,未设置文本框值。

<a href="#" id="OpenModal">Click here</a>
<div id="ShowModal" visible="false">
<asp:textbox id="txtName" runat="server" width="200"></asp:textbox>
<asp:linkbutton id="btnCreate" runat="server" text="Save" onclick="btnCreate_OnClick"/>
</div>
<script type="text/javascript">
    $(document).ready(function(e) {
        $('#ShowModal').dialog({
            autoOpen: false, height: 200, width: 400, modal: true
        });
        $('a#OpenModal').click(function() {
            $('#ShowModal').dialog({ modal: true });
            $('#ShowModal').dialog('open');
            return true;
        });
    });
</script>

在服务器端事件处理程序中,文本框的文本为“” 任何人都可以帮助解决这个问题

1 个答案:

答案 0 :(得分:0)

回答我自己的问题以供将来参考。

    $("#ShowModal").dialog({
        height: 200, width: 400,
        modal: true,
        width: 433,
        modal: true,
        open: function () {
            $('#ShowModal').parent().appendTo($("form:first"));
        }
    });