Question

我有一个jquery ui对话框，在初始加载时显示一组按钮（Say'Add'和'Close'按钮）。稍后当我做某事时，我会显示另一组按钮（比如，当点击“添加”按钮时，我删除现有按钮并显示“保存”和“清除”按钮）。再次点击其他内容时，我会显示一组初始按钮。

我正在寻找一种在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();}}] });

Answer 1

您可以在按钮数组中定义按钮列表。例如：

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/

如何在jquery ui对话框中切换两组按钮

1 个答案: