Question

我正在尝试将一个asp.net表单放入一个jquery弹出对话框中。我的脚本位于母版页的head标签中，我的表单位于内容页面中。这是我到目前为止，如果我设置autoOpen：false弹出窗体没有openme按钮单击事件，表单将不提交，如果我将其设置为false 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" />

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

你的#dialog是什么？

jquery对话框表单示例

1 个答案: