JqG​​rid - 如何使清除搜索按钮可见?

时间:2016-04-21 09:51:03

标签: jquery jqgrid

我的JqGrid中有一个过滤器工具栏,并且没有显示Clearfield“x”超链接。 ui-search-clear单元没有足够的空间来显示。 如果我可以使用类ui-search-input控制单元格内部搜索的输入文本框的大小,那么它将显示。 我原以为这会默认工作。 那么我该如何解决这个问题呢? 我的网格定义如下;

var populateGrid = function (data) {
    var grid = $("#grid");
    grid.jqGrid({
        data: data,
        colNames: ["No", "Company", "Trade", "Recommendation", ""],
        colModel: [
            { name: "AssessmentNo", label: "AssessmentNo", width:80, align:"center" },
            { name: "Company", label: "Company", width:400, searchoptions: { sopt: ["cn"] } },
            { name: "Trade", label: "Trade", width: 220, searchoptions: { sopt: ["cn"] } },
            { name: "Recommendation", label: "Recommendation", width: 150 },
            { name: "Links", label: "Links", search: false, align: "center" }
        ],
        cmTemplate: { width: 100, autoResizable: true },
        loadonce: true,
        forceClientSorting: true,
        rowNum: 20,
        pager: "#pager",
        gridview: true,
        ignoreCase: true,
        shrinkToFit: false,
        rownumbers: true,
        sortname: "AssessmentNo",
        viewrecords: true,
        sortorder: "asc",
        height: "100%"
    });

    grid.jqGrid("filterToolbar", {
        beforeSearch: function () {
            return false; // allow filtering
        }
    }).jqGrid("gridResize");
}

我的工具栏看起来像; enter image description here

3 个答案:

答案 0 :(得分:0)

titleTextAppearance

在filterGrid中写入搜索:true

答案 1 :(得分:0)

我发现了问题。我的一个CSS样式表有这个设置;

char a[100]; scanf("%99s", a);

所以我删除了边距,问题解决了,并且学到了关于如上所述的通用样式设置的重要教训。

答案 2 :(得分:0)

我遇到了同样的问题,但是仅当jQgrid呈现为子网格时。包含过滤器重置图标的表格单元格上的样式设置为一个像素。以下jQuery解决了jqGrid 4.15.5的问题-免费:

$("td.ui-search-clear").attr('style', 'width:10px;');