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不可見

回答

相關問題