jquery对话框表单示例

pgccezyw 于 2023-01-16 发布在 jQuery

关注(0)|答案(1)|浏览(142)

我正在尝试将一个asp.net表单放到jquery弹出对话框中。我的脚本在母版页的head标记中，表单在内容页中。这是我目前所做的，如果我设置autoOpen：false表单弹出时没有openme按钮单击事件，表单不会提交，如果我设置为open false，页面会刷新，但对话框不工作。寻找代码的帮助和jquery对话框中的ASP.NET表单的更好示例吗？谢谢！！！

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

   <script>
    $(document).ready(function () {
    $("#dialog").dialog({ autoOpen: false });

    $("#btnOpenMe.ClientID").click(
        function () {
            $("#dialog").dialog('open');
            return false;
        }
    );
});

<table>
    <tr>
        <td colspan="2" style="text-align:center">
            Update Form
        </td>
    </tr>       
    <tr>
        <td>
            <asp:Label ID="lblUpdate" runat="server" Text="Update Reason:"></asp:Label>
        </td>
        <td>
            <asp:TextBox ID="txtUpdate" TextMode="MultiLine" Columns="30" Rows="5" runat="server"></asp:TextBox>
        </td>
    </tr>
    <tr>

        <td>
            <asp:Button ID="btnSupmitUpdate" runat="server" Text="Button" OnClick="btnSupmitUpdate_Click" />
        </td>
    </tr>
</table>
</div>
 <asp:Button ID="btnOpenMe" runat="server" Text="Click Me to open Dialog box" />

jquery

来源：https://stackoverflow.com/questions/23959677/jquery-dialog-form-example

1条答案

按热度按时间

zf9nrax11#

当你用对话框 Package 一个对象时，它会被移到页面的底部，移出表单标签。所以提交不起作用。
它与问题并不那么相关，但至关重要的是，这种形式将发挥作用。
回答你的问题。
1.在你的按钮上你没有任何服务器端代码，所以把它做成html。

<asp:Button ID="btnOpenMe" runat="server" Text="Click Me to open Dialog box" />

可改为

<input type="button" id="btnOpneMe value="Click Me to open Dialog box">

然后修改jQuery

<script>
    $(function(){
      $("#btnOpneMe").on('click',function(e){
          e.preventDefault();
         $("#dialog").dialog();
       });
    });
    </script>

您的#对话框是什么？

赞(0）回复(0）举报 2023-01-16

我来回答

jquery对话框表单示例

1条答案

相关问题

热门标签

最新问答