1

我有一个 jquery ui 对话框，它在初始加载时显示一组按钮（比如“添加”和“关闭”按钮）。稍后当我做某事时，我会显示另一组按钮（例如，当单击“添加”按钮时，我会删除现有按钮并显示“保存”和“清除”按钮）。同样，当我单击其他内容时，我会显示初始按钮集。

我正在寻找一种在我的 jquery ui 对话框中处理此按钮集切换的简单方法。

*目前我在任何我想要的地方调用按钮定义，但我认为这不是这样做的方式。期待您的建议...

jQuery("#myDia").dialog({buttons: [{text:"Add", click: function() { add();}}, {text:"Close", click: function() {close();}}] });

和

jQuery("#myDia").dialog({buttons: [{text:"Save", click: function() { save();}},{text:"Clear", click: function() {clear();}}] });

4

1 回答 1

0

您可以在按钮数组中定义按钮列表。前任：

var buttonOpts = {}; buttonOpts["Add"] = function () {
    add(); }; buttonOpts["Save"] = function () {
    save(); }; buttonOpts["Clear"] = function () {
    clear(); };

然后，当您需要时，您可以使用该option方法更改或切换按钮列表，如下所示：

$("#myDia").dialog('option', 'buttons', buttonOpts);

jQuery UI 对话框参考：http ://api.jqueryui.com/dialog/#method-option

这是一个工作小提琴：http: //jsfiddle.net/nGUrw/6/

于 2012-10-14T14:31:53.557 回答