c# - 如何在加载所有相关数据之前不显示 JQuery 对话框？

Question

我在填充所有数据(文本框、下拉菜单等)之前显示 JQuery dialog() 时遇到问题。

我只是调用:

$("#myDiv").dialog("open") is called

然后在对话框属性下:

       $("#myDiv").dialog({
        title: "Edit User",
        autoOpen: false,
        height: 500,
        width: 500,
        modal: true,
        open: function(event,ui){
        url = "/controller/action" + param;
        $(this).load(url);

        ...various $.ajax and $.GetJson calls to populate form drop down menus and other fields...},
        buttons: {
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

因此，一个对话框打开，大约几秒钟后闪烁并填充数据。有时它会滞后，数据根本不会进入字段。在它最终被填充之前，我可能不得不多次关闭/重新打开对话框。非常令人沮丧。

让它发挥作用的最简单方法是什么？我希望对话框弹出窗口每次都正确填充数据，并且在准备好之前不显示。

Answer 1

问题是:

        open: function(){
    ...various $.ajax and $.GetJson calls to populate form drop down menus and other fields...},

不要在打开时填充，在创建时填充

create: function(){
    ...various $.ajax and $.GetJson calls to populate form drop down menus and other fields...},