带有子网格和本地数据的JqGrid在IE9中不工作-抛出-“;SCRIPT600:此操作的目标元素无效;

带有子网格和本地数据的JqGrid在IE9中不工作-抛出-“;SCRIPT600:此操作的目标元素无效;,jqgrid,subgrid,Jqgrid,Subgrid,我是JQGRID的新手,使用的是4.7.1版 我正在尝试用子网格创建JQGRID。代码在Google chrome中正常工作,但我在IE9中遇到了下面提到的错误 SCRIPT600: Invalid target element for this operation. jquery.jqGrid.src.js, line 1639 character 6 如何解决错误并使其在IE9中工作。请做需要的事。提前谢谢 <html> <head> <title>M

我是JQGRID的新手,使用的是4.7.1版

我正在尝试用子网格创建JQGRID。代码在Google chrome中正常工作,但我在IE9中遇到了下面提到的错误

SCRIPT600: Invalid target element for this operation. 
jquery.jqGrid.src.js, line 1639 character 6
如何解决错误并使其在IE9中工作。请做需要的事。提前谢谢

<html>
<head>
<title>My First Grid</title>

<link rel="stylesheet" type="text/css" media="screen" href="css/jquery-    ui.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />




<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.src.js" type="text/javascript"></script> 




<style>
.ui-jqgrid tr.ui-row-ltr td 
{ 
border-right-color: transparent;
height:auto;
overflow:hidden;    
padding-top:6px;
padding-bottom:6px;
position:relative;
vertical-align:text-top;
white-space:normal !important; 
}

th.ui-th-column { border-right-color: transparent !important }

.ui-jqgrid .ui-jqgrid-btable
{
table-layout:auto;
}

.top-buffer { margin-top:20px; }

.cursorPointer:hover{
cursor:pointer
}


.ui-jqgrid .ui-jqgrid-htable th div {
height:auto;
overflow:hidden;    
padding-top:6px;
padding-bottom:6px;
position:relative;
vertical-align:text-top;
white-space:normal !important;
}


</style>
</head>

<body>

<div >
<table id="grid"></table>
</div>


</body>


<script type="text/javascript">

var mydata = [
{id: "1", label:"No 1", number:"02200220", status:"OPEN", level:"0", parent:  "", isLeaf: false, expanded:false, loaded:true},
{id: "2", label:"No 2", number:"77733337", status:"ENTERED", level:"0", parent: "", isLeaf: false, expanded:false, loaded:true},
{id: "6", label:"No 2a", number:"12345123", status:"WIRED", level:"1", parent: "2", isLeaf: false, expanded:false, loaded:true},
{id: "7", label:"No 2a1", number:"1111111111", status:"WIRED", level:"2", parent: "6", isLeaf: true, expanded:false, loaded:true},
{id: "3", label:"No 3", number:"02200111", status:"OPEN", level:"0", parent: "", isLeaf: false},
{id: "4", label:"No 3a", number:"02200221", status:"OPEN", level:"1", parent: "3", isLeaf: true, expanded:false, loaded:true},
{id: "5", label:"No 3b", number:"02242320", status:"CLOSED", level:"1",   parent: "3", isLeaf: true, expanded:false, loaded:true}
];

var grid = $("#grid");


grid.jqGrid({
// data: mydata, // doesn't work
datatype: "local",
colNames: ['Id', 'Label', 'Number', 'Status'],
colModel: [
{ name:'id',index:'id', width:60, sortable:false},
{ name: 'label', index: 'label', width: 180, sortable:false},
{ name: 'number', index: 'number', width: 120, formatter: function    (cellValue, option, rowObject) 
{
        return "<span><img src='images/play.png'></img></span><span style='padding-left:10px'><img src='images/Download-icon.png'><span>";
    } },
{ name: 'status', index: 'status', width: 120, sortable:false } ],
hidegrid: false,
gridview: true,
sortname: 'id',    
loadonce: true,

treedatatype: 'local',
ExpandColumn: 'label',
height: 'auto',
pager : "#gridPager",
caption: "Prouct Page Table"
});


// we have to use addJSONData to load the data
grid[0].addJSONData({
total: 1,
page: 1,
records: mydata.length,
rows: mydata
});



</script>



</html>

我的第一个网格
.ui jqgrid tr.ui-row-ltr td
{ 
右边框颜色:透明;
高度:自动;
溢出:隐藏;
填充顶部:6px;
垫底:6px;
位置:相对位置;
垂直对齐:文本顶部;
空白:正常!重要;
}
th.ui-th列{边框右侧颜色:透明!重要}
.ui jqgrid.ui jqgrid btable
{
表格布局:自动;
}
.top缓冲区{margin top:20px;}
.光标指针:悬停{
光标:指针
}
.ui jqgrid.ui jqgrid htable th div{
高度:自动;
溢出:隐藏;
填充顶部:6px;
垫底:6px;
位置:相对位置;
垂直对齐:文本顶部;
空白:正常!重要;
}
var mydata=[
{id:“1”,标签:“No 1”,编号:“02200220”,状态:“打开”,级别:“0”,父级:,isLeaf:false,扩展:false,加载:true},
{id:“2”,标签:“No 2”,编号:“77733337”,状态:“已输入”,级别:“0”,父级:,isLeaf:false,扩展:false,加载:true},
{id:“6”,标签:“No 2a”,编号:“12345123”,状态:“有线”,级别:“1”,父级:“2”,isLeaf:false,扩展:false,加载:true},
{id:“7”,标签:“No 2a1”,编号:“1111”,状态:“有线”,级别:“2”,父级:“6”,isLeaf:true,扩展:false,加载:true},
{id:“3”,标签:“No 3”,编号:“02200111”,状态:“打开”,级别:“0”,父级:,isLeaf:false},
{id:“4”,标签:“No 3a”,编号:“02200221”,状态:“打开”,级别:“1”,父级:“3”,isLeaf:true,扩展:false,加载:true},
{id:“5”,标签:“No 3b”,编号:“02242320”,状态:“关闭”,级别:“1”,父级:“3”,isLeaf:true,扩展:false,加载:true}
];
风险值网格=$(“#网格”);
grid.jqGrid({
//data:mydata,//不起作用
数据类型:“本地”,
colNames:['Id','Label','Number','Status'],
colModel:[
{name:'id',index:'id',width:60,sortable:false},
{name:'label',index:'label',宽度:180,可排序:false},
{name:'number',index:'number',宽度:120,格式化程序:function(cellValue,option,rowObject)
{
返回“”;
} },
{name:'status',index:'status',宽度:120,可排序:false}],
希德格里德:错,
gridview:没错,
sortname:'id',
有一次:是的,
treedatatype:'本地',
ExpandColumn:'标签',
高度:“自动”,
寻呼机:“#gridPager”,
标题:“产品页面表”
});
//我们必须使用addJSONData来加载数据
网格[0]。addJSONData({
总数:1,
页码:1,
记录:mydata.length,
行:mydata
});

TreeGrid不适用于
数据类型:“local”
,但可以使用
数据类型:“jsonstring”
。只需使用
datastr:mydata
而不是
data:mydata
。对于顶级图标,还应使用
parent:“null”
而不是
parent:“
”。它还允许进行本地排序。有关相应的代码示例,请参见

问题“jquery.jqGrid.src.js,第1639行”的原因可能是使用
firstElementChild
时出现的错误。有关详细信息,请参阅。修复后,您可以从下载jqGrid 4.7.0的
jquery.jqGrid.src
。或者,您可以从下载新的免费jqGrid测试版