如何将其他html代码注入jqGrid的列选择对话框？

Question

是否可以在jqGrid Column Chooser对话框的对话框中注入其他html代码？如果是这样，最好的方法是什么？

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

Answer 1

您可以检查columnCooser对话框的HTML结构，您将看到以下内容

因此，您可以对所需的columnCooser对话框进行任何修改。您只需在所需的位置插入所需的HTML片段即可。例如，插入“嗨！”按钮我使用了以下onClickButton的JavaScript代码：

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!');
    });
}

结果（参见相应的演示here），点击“嗨！”之后会有类似上图的内容。按钮：