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 に答える