jqGrid filtertoolbar est invisible

Bonne journée. J'essaie d'utiliser jqGrid dans mon projet Web. tout est bon mais un moment. Je veux activer filterToolbar mais je ne peux pas. J'ai utilisé beaucoup de documentation et d'exemples sans bon résultat.jqGrid filtertoolbar est invisible

données dans la grille est bonne
tri est bonne
PROBLÈME: filterPanel est invisible

Version: jqGrid 4.3.1 - jQuery Grille Navigateur: Chrome et Internet Explorer

S'il vous plaît jeter un oeil sur mon code. Merci beaucoup.

<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>

Source

2012-03-09 mad

Je pense que le problème est que vous avez placé l'appel de filterToolbaren dehors de le gestionnaire d'événements $(document).ready$(document).ready(function(){...});. En conséquence, le filterToolbar sera appelé avant la grille créée. Déplacer l'appel de filterToolbar à la fin du gestionnaire d'événements $(document).ready devrait résoudre le problème.

En outre, vous devez inclure la déclaration !DOCTYPE avant <html>. Par exemple, il peut être <!DOCTYPE html> ou <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">.

Source

2012-03-09 08:38:28 Oleg

Oleg, merci beaucoup. – mad

@mad: Vous êtes les bienvenus! – Oleg

jqGrid filtertoolbar est invisible

Répondre

Questions connexes