jqGrid filtertoolbar不可见

我尝试在我的web项目中使用jqGrid。一切都很好，但一会儿。我想启用filterToolbar，但我不能。我使用了大量文档和示例，但效果不佳。在电网

数据好
整理好
问题：filterPanel是无形

版本：4.3.1的jqGrid - jQuery的电网浏览器：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>

来源

2012-03-09 mad

我认为这个问题是你放置的filterToolbar之外的的$(document).ready事件处理$(document).ready(function(){...});通话。结果filterToolbar将在之前被称为的网格创建。在$(document).ready事件处理程序结束时移动filterToolbar的呼叫应解决问题。

此外，您应该在<html>之前包含!DOCTYPE声明。例如，它可以是<!DOCTYPE html>或<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">。

来源

2012-03-09 08:38:28 Oleg

奥列格，非常感谢。 – mad 2012-03-09 09:33:20

@mad：不客气！ – Oleg 2012-03-09 09:51:56

jqGrid filtertoolbar不可见

回答

相关问题