仅当jqgrid有超过20行时,如何显示过滤器工具栏

时间:2016-03-27 18:59:26

标签: jquery jqgrid free-jqgrid

如果从远程json数据填充,则释放jqgrid。 代码

$(function () {
    $grid.jqGrid('filterToolbar', {
        stringResult: true,
        searchOnEnter: true,
        defaultSearch: 'cn'
    });
    // http://stackoverflow.com/questions/34475094/how-to-make-html5-date-field-in-search-toolbar-to-respect-column-width
    $(".ui-search-table input[type=date]").each(function () {
        $(this).css("width", $(this).closest("th.ui-th-column").width() + "px");
    });

用于创建过滤器工具栏。

Somethimes网格为空或包含少量行。在这种情况下,过滤器工具栏令人困惑。对于空网格用户,认为向此行输入数据会添加新行。这会使用户感到困惑。

如果网格包含超过20行,如何显示过滤器工具栏?

1 个答案:

答案 0 :(得分:1)

您可以在$(this).jqGrid("getGridParam", "records")内测试loadComplete的值。它是网格中的记录总数。如果该值少于20行,则可以调用toggleToolbar隐藏/显示过滤器工具栏。

jqGrid目前没有任何可用于测试的直接方式,工具栏目前可见。您可以使用this.ftoolbar$("#grid")[0].ftoolbar)来测试过滤器工具栏是否已存在,以及$(this.grid.hDiv).find("tr.ui-search-toolbar").css("display") === "none"来测试过滤器工具栏是否已被隐藏。