asp.net - 在文档准备好后将 jQuery UI 对话框附加到 ASP.NET 表单

Question

我有 ASP.NET 的 jQuery UI 对话框。我在对话框中包含了一个复选框列表。由于这是一个“编辑页面”，因此一些复选框已被选中因为页面首次加载时从数据库获取数据。

当我单击链接打开对话框时，没有任何问题，一切都按预期进行。但是，如果我不单击链接打开对话框，这些复选框当表单提交回来时，不会从代码隐藏中获取值。我理解，因为 jQuery UI 对话框将“div”附加到“form”之外的 HTML 正文页面加载时的元素。

    //I'm trying to append dialog-dept to form on document ready like this but not yet working
     $("#dialog-dept").parent().appendTo($("form:first"));

How do I make jQuery UI dialog part of "form" tag required by ASP.NET page when page first loaded?

因为页面上还有许多其他字段，而不仅仅是这些复选框。有时，可能不需要打开对话框来选择任何复选框。

只有当我单击链接打开对话框时，下面的代码才能正常工作。

 $(document).ready(function() {

        // Dialog Link
        $('#dialog_link_dept').click(function() {
            $('#dialog-dept').dialog('open');
            return false;
        });

        // Launch Dialog
        $('#dialog-dept').dialog({
            autoOpen: false,
            width: 700,
            modal: true,
            open: function(type, data) {
                $(this).parent().appendTo("form");
            }
        });

    });
</script>

Answer 1

您可以将其移至 <form>创建后立即，即使它是 autoOpen: false ，像这样:

    $('#dialog-dept').dialog({
        autoOpen: false,
        width: 700,
        modal: true
    }).parent().appendTo("form");