1

正しいボタンをクリックすると正常にポップアップするトランザクション編集jQueryダイアログがありますが、ダイアログ内で定義された「保存」および「キャンセル」ボタンは表示されません。ダイアログの HTML は次のとおりです。

      <div id="trxpop">
        <div>
            <label for="txtItem1">Item1: </label>
            <input id="txtItem1" type="text" /><br />
            <label for="item1">Item2: </label>      
            <input id="txtItem2" type="text" /><br />
        </div>
  </div>

そしてjQueryはここにあります

jQuery.fn.EditTrx = function (item1, item2) {
$("#txtItem1").val(item1);
$("#item1").val(item1);
$("#trxpop").dialog({
    title: 'Edit Transaction',
    modal: true,
    buttons: {
        'Save': function () {
            /* Do stuff */
            $(this).dialog('close');
        },
        'Cancel': function () {
            $(this).dialog('close');
        }
    },
    resizable: false,
    draggable: true,
    stack: true,
    closeOnEscape: true,
    zIndex: 1320,
    width: 500
});

}

これは、私が読んだすべてのドキュメントに従って機能するはずです。

4

3 に答える 3

2

http://jsfiddle.net/G4F7M/

私にとってはうまくいきます。func 呼び出しを変更し、ダイアログを開くためのボタンを追加しました。

$('input').click(function(){
EditTrx();
});

したがって、これらのボタンが表示されない場合は、css などの問題を引き起こしている可能性があります。

于 2013-02-12T14:06:37.967 に答える
0

受け入れられた回答で指定されているように問題が解決しない場合は、ダイアログ コントロールのオープン イベントで次の手順を実行することで解決できます。

open: function (event, ui) {
    //For displaying the buttons of GUI.
    $('.ui-button-text').each(function (i) {
        $(this).html($(this).parent().attr('text'));
    })
},
于 2014-01-04T13:33:57.547 に答える
0

完全なボタン定義の周りに新しいブラケットのセットを追加する必要がありましたが、今では正常に動作します。この変更を反映するために、上記の元のコード例を編集しました。すべての返信ありがとうございます。

于 2013-02-13T15:38:48.937 に答える