jqGrid - 工具栏/导航器不显示在IE 9上？

我有一个简单的网格，带有导航器（工具栏），如下所示; Firefox，Chrome能够显示工具栏，但是，我的IE不是。jqGrid - 工具栏/导航器不显示在IE 9上？

<!doctype html> 
<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="css/style.css"/> 
    <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css"/> 
    <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" /> 

    <script type="text/javascript" src="js/jquery.js"></script> 
    <script type="text/javascript" src="js/jquery-ui.js"></script> 
    <script type="text/javascript" src="js/grid.locale-en.js" ></script> 
    <script type="text/javascript" src="js/jquery.jqGrid.min.js" ></script>  
</head> 
<body> 
    <table id="grid1"> 
    <div id="pager1"></div> 
    </table> 

    <script type="text/javascript">  
     jQuery("#grid1").jqGrid({ 
     datatype: "local", 
     height: 250, 
     pager: '#pager1', 
     colNames:['Inv No', 'Client','Notes','Checked?' ], 
     colModel:[ 
     {name:'id',index:'id', width:60, sortable:false}, 
     {name:'name',index:'name', width:100, sortable:false}, 
     {name:'note',index:'note', width:150, sortable:false}, 
     {name:'ind_checked',index:'ind_checked', width:100, sortable:false, align:'center', editable:true, 
      edittype:'checkbox', editoptions: { value:"Yes:No" }, formatter:'checkbox'} 
     ], 
     caption: "Testing" } 
     ).navGrid('#pager1'); 

     var mydata = [ 
     {id:"1",name:"test1",note:"note1",ind_checked:"yes"}, 
     {id:"2",name:"test2",note:"note2",ind_checked:"No"}, 
     {id:"3",name:"test3",note:"note3",ind_checked:"No"}, 
     {id:"4",name:"test4",note:"note4",ind_checked:"yes"}, 
     {id:"5",name:"test5",note:"note5",ind_checked:"yes"}, 
     {id:"6",name:"test6",note:"note6",ind_checked:"No"}, 
     {id:"7",name:"test7",note:"note7",ind_checked:"No"}, 
     {id:"8",name:"test8",note:"note8",ind_checked:"yes"}, 
     {id:"9",name:"test9",note:"note9",ind_checked:"No"} ] 
     ; 

     for(var i=0;i<mydata.length;i++) { 
      jQuery("#grid1").jqGrid('addRowData',i+1,mydata[i]); 
     } 
    </script> 
</body> 
</html>

我使用IE 9，jqGrid 4.3测试它们。

有谁能告诉我我错过了什么吗？ IE中的任何设置都会改变？请告诉我，谢谢。

来源

2012-01-11 early

你在for循环中有一个错误：将'<='改为'<'，但我不认为这会导致IE9失败。在IE8中，这个[示例]（http://jsfiddle.net/AF2vS/）没有问题;我无法使用IE9进行测试。 – scessor 2012-01-11 18:37:00

@scessor，是的，必须在for循环中修正为<。但是，我仍然无法获得IE9中出现的工具栏。我将尝试在IE8上测试以查看结果。谢谢。 – early 2012-01-11 20:21:27

啊，对不起，工具栏也不会出现在IE8中。 – scessor 2012-01-11 20:43:25

的pager- div必须是不后在table（documentation）：

<table id="grid1"></table> 
<div id="pager1"></div>

也可以尝试这个example。

来源

2012-01-11 21:04:01 scessor

我不好，我懒得看完所有的单词。 @scessor，非常感谢！ – early 2012-01-11 21:52:42

jqGrid - 工具栏/导航器不显示在IE 9上？

回答

相关问题