jqgrid filter工具栏搜索输入大小

Question

我开始使用 filtertoolbar：myGrid.jqGrid('filterToolbar', {stringResult: true, searchOnEnter: false, defaultSearch : "cn"});

我的问题是如果我可以控制搜索输入的大小 -

更新：它的高度和宽度大小。

提前致谢。

Answer 1

如果我理解你是正确的，你应该在colModel 列的定义中包含你想要限制选项的输入大小

searchoptions:{ attr: {maxlength: 5}}

在示例中，在搜索工具栏的相应输入字段中将允许输入不超过五个字符。

更新：我不明白你为什么需要这样的行为，但你可以使用searchoptions 的dataInit 来设置输入控件的高度和宽度。为此，您可以使用 jQuery.css 或 jQuery.height 和 jQuery.width 方法：

searchoptions:{
    attr: {maxlength: 5},
    dataInit: function(elem) {
        //$(elem).css({height:"30px", width:"40px"});
        $(elem).height(30).width(40);
    }
}

如果你在搜索工具栏中增加控件的高度，你应该另外改变

var myGrid = $("#list");
// ...
var $search_toolbar = $("tr.ui-search-toolbar", myGrid[0].grid.hDiv);
$search_toolbar.height(30);

您当然应该在调用 filterToolbar 创建搜索工具栏之后执行此操作。

查看小演示here。