Question

美好的一天。

我尝试在我的网站项目中使用jqGrid。一切都很好，但有一刻。我想启用filterToolbar但我不能。我使用了很多文档和示例而没有很好的结果。

网格中的数据很好
排序很好
问题：filterPanel不可见

版本：jqGrid 4.3.1 - jQuery Grid 浏览器：Chrome和Internet Explorer

请查看我的代码。非常感谢。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" media="screen" href="css/redmond/jquery-ui-1.8.18.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" /> 
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
</head>
<body>
<table id="listU05"></table> 
<div id="pager"></div> 


<script type="text/javascript">
 $(document).ready(function(){ 
 $("#listU05").jqGrid({
 url:'u05json.json',
 datatype: 'json',
 mtype: 'POST',
 colNames:[
    'thema'
],
colModel :[ 
    {name:'Thema', index:'Thema', width:55}
],
pager: '#pager',
rowNum:10,
rowList:[10,20,30],
sortname: 'Thema',
sortorder: 'asc',
viewrecords: true,
gridview: true,
caption: 'My first grid11',
width:200
}); 
}); 
jQuery("#listU05").jqGrid('filterToolbar',{stringResult: true,searchOnEnter : false,      defaultSearch : "cn"});
</script>

 </body>

Answer 1

我认为问题在于您在filterToolbar事件处理程序$(document).ready之外调用了$(document).ready(function(){...}); 。结果，{<1}}将在网格创建之前被称为。在filterToolbar事件处理程序结束时调用filterToolbar可以解决问题。

此外，您应在$(document).ready之前加入!DOCTYPE声明。例如，它可以是<html>或<!DOCTYPE html>。

jqGrid filtertoolbar是看不见的

1 个答案: