如何在JQuery对话框中设置全局属性?

时间:2009-09-11 13:41:12

标签: jquery jquery-ui

我开发了一个RIA应用程序,其中我使用了许多对话框JQuery UI组件。其中大部分是根据

设置的
$("container").dialog({
    modal:true,
    widht:500,
    height:400
    ... and so on
});

答案:如何设置全局属性以避免在每个对话框中设置?

的问候,

2 个答案:

答案 0 :(得分:2)

您可以将选项对象存储在全局变量中:

在全球范围内:

DIALOG_OPTIONS = {
    modal:true,
    widht:500,
    height:400
//    ... and so on
};

然后:

$("container").dialog(DIALOG_OPTIONS);

答案 1 :(得分:2)

如前所述,您可以创建一个全局范围的变量。或者,您可以创建自己的jQuery扩展来包装对话框,并在那里保留您自己的选项。例如(这是我的头脑,所以我提前道歉,如果它不是100%准确的开箱即用):

$.fn.extend({
  dialogDefaults: {
    modal:true,
    width:500,
    height:400
  },
  exDialog: function(options) {
     var options = $.fn.extend(dialogDefault, options);
     // Now show the dialog...
  }
}