0

jqGrid列チューザーダイアログのダイアログに追加のhtmlコードを挿入することは可能ですか? もしそうなら、それを行う最善の方法は何ですか？

$('#jqgridTest').columnChooser({
    title: "Saved Builds",
    //Inject some html codes here??
});
4

1 に答える 1

2

次のように表示される columnCooser ダイアログの HTML 構造を調べることができます。

ここに画像の説明を入力

したがって、必要に応じて columnCooser ダイアログを変更できます。必要な場所に必要な HTML フラグメントを挿入するだけです。たとえば、「Hi!」を挿入するには ボタン の次の JavaScript コードを使用しましたonClickButton。

onClickButton: function () {
    var $button = $('<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false" type="button"><span class="ui-button-text">Hi!</span></button>');
    $(this).jqGrid('columnChooser');
    $("#colchooser_" + this.id +
        " ~ div.ui-dialog-buttonpane > div.ui-dialog-buttonset");
        //.prepend($button);
    $button.click(function () {
        alert('"Hi!" button is clicked!');
    });
}

その結果 (対応するデモはこちらを参照)、「こんにちは!」をクリックすると、上の図のようなものが表示されます。ボタン：

ここに画像の説明を入力

于 2013-09-04T16:15:43.643 に答える