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 回答