重用jQuery UI对话框会清除其所有字段

时间:2012-05-21 16:43:02

标签: jquery jquery-ui jquery-ui-dialog

使用jQuery-UI对话框从用户那里获得一些输入 按Esc键时,对话框关闭而不清除其字段。点击SaveCancel后,字段就会被清除 这很好,除了我在一些字段中使用水印文本框,我不希望它们被清除。

我应该更改清除字段的代码(我似乎无法找到它......)? 我应该在每次打开对话框之前将水印文本框初始化吗?

对话框javacript:

$(function () {
    $("#GetSomeData").dialog({
    autoOpen: false,
    modal: true,
    resizable: false,
    width: "550px",
    buttons: {
        "Save": function () {
            // saving data to DB
            $(this).dialog("close");
        },
        "Cancel": function () {
            $(this).dialog("close");
        }
    }
});

});

1 个答案:

答案 0 :(得分:0)

初始化水印一次,并在每次打开时克隆对话框内容。

$(function () {
    // init watermark for #GetSomeData here

    var dialog = $("#GetSomeData").clone().appendTo('body').dialog({
        autoOpen: false,
        modal: true,
        resizable: false,
        width: "550px",
        buttons: {
            "Save": function () {
                // saving data to DB
                dialog.dialog("destroy").remove();
            },
            "Cancel": function () {
                dialog.dialog("destroy").remove();
            }
        }
    });
});