Question

第一次尝试jqGrid。我需要显示工具栏搜索过滤器。但它永远不会在工具栏中显示搜索文本框。

以下是我的代码，

    <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

<link rel="stylesheet" type="text/css" media="screen" href="css/smoothness/jquery-ui-1.8.24.custom.css" />


<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>

<script src="js/jquery.jqGrid.min.js" type="text/javascript"> </script>

<script src="js/grid.locale-en.js" type="text/javascript"></script>


<script type="text/javascript">


    jQuery().ready(function(){
    jQuery("#list2")
            .jqGrid({
                url: 'server.php',
                datatype: "json",
     colNames: ['Product Id', 'Product Name', 'Supplier Id', 'Unit Price'],
                colModel: [{
                    name: 'productid',
                    index: 'productid',
                    search: true,
                    width: 55
                }, {
                    name: 'productname',
                    index: 'productname',
                    width: 90
                }, {
                    name: 'supplierid',
                    index: 'supplierid',
                    width: 100
                }, {
                    name: 'unitprice',
                    index: 'unitprice',
                    width: 80,
                    align: "right"
                }
                ],
                rowNum: 10,
                rowList: [10, 20, 30],
                pager: '#pager2',
                sortname: 'productid',
                viewrecords: true,
                sortorder: "desc",
                caption: "JSON Example"
            })
    });

    jQuery("#list2")
            .jqGrid('navGrid', '#pager2', {
                edit: false,
                add: false,
                del: false
            });

jQuery("#list2").jqGrid
  ('filterToolbar',{stringResult: true,searchOnEnter : false});

</script>

我使用的是4.4.1版本。我在下载时检查了Custom Additinal方法复选框。

我错过了任何js文件吗？

Answer 1

非常愚蠢的错误。我将调用filterToolbar放在就绪函数之外。它应该在ready函数内部。

固定

对不起这个问题，但我仍然不会删除这个，因为这种错误很常见我猜...所以它对那些有用...... ;-)

搜索工具栏文本框未出现在jqGrid中

1 个答案: