1

ボタンは、フィルターツールバーが終了した直後に、フィルターツールバーのテキストボックスとまったく同じ行にある必要があります。つまり、フィルターツールバーのテキストボックスとまったく同じ行にボタンが必要です。私はこれを試しましたが、機能していません

$('#gridTable').after("div.ui-jqgrid-view").find("div.ui-jqgrid-hdiv table.ui-jqgrid-htable tr.ui-search-toolbar").each(function () {
        $('<button>').css({ float: "right", height: "16px", width: "16px" }).appendTo(this).button({
            icons: { primary: "ui-icon-refresh" },
            text: false,
            title: "Clear Filters"
        }).click(function (e) {
            alert("hi");
                   });
    });
4

2 に答える 2

1

jqGridは、現在検索ツールバーではサポートされていませんstype: "custom"（検索ダイアログでのみ）。したがって、検索ツールバーにボタンなどのカスタム要素を追加するには、次の手順を実行する必要があります。まず、カスタム要素の検索ツールバーに配置する必要があります。検索ツールバーの最後にボタンが必要な場合は、グリッドの最後の列にダミーを追加できます（内colModel）。

{ name: 'sbutton', width: 20, fixed: true, search: false, sortable: false }

定義により、検索ツールバー内の列の上の空のdivが配置されます。ボタンをdivに配置するには、たとえば次のコードを使用できます

var $th = $($grid[0].grid.hDiv).find(".ui-jqgrid-htable>thead>.ui-search-toolbar>th:nth-child(" +
        $grid[0].grid.headers.length + ")");
$th.find(">div").append($("<button id='mySearch' style='margin-top:1px;height:20px;width:20px'></button>").button({
    text: false, icons: {primary: "ui-icon-search"}
}));

のように$grid定義されている場合var $grid = $("#gridId");。

デモはアプローチを示しています：

ここに画像の説明を入力してください

于 2013-02-12T13:15:42.673 に答える
0

これを試して： 

$(".ui-search-toolbar th:last").find("div:first").html("<button id='button' style='width:20px;height:20px' title=''>Button<\/button>");
于 2013-02-23T19:13:11.247 に答える