我有一个带导航器(工具栏)的简单网格,如下所示; Firefox,Chrome能够显示工具栏,但是,我的IE不是。
<!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中的任何设置都要改变?请告诉我,谢谢。
答案 0 :(得分:0)
寻呼机 - div
必须不在table
(documentation)之后:
<table id="grid1"></table>
<div id="pager1"></div>
另请尝试example。