第一次尝试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 版本。我在下载时检查了自定义附加方法复选框。
我是否缺少任何 js 文件?