我在不同标签的一个网站上有两个easyUI数据网格。第一个数据网格的工具栏在IE 8中可见。第二个网格的工具栏未显示,我收到一个javascript错误。
消息:'colspan' is null or not an object. on line 8986 in jquery.easyui.min.js
此错误仅在IE 8中。在Firefox中它运行良好。但我需要在IE 8中使用它
我该怎么办?
网格定义:
//Datagrid 1
$('#datagridcostrates').datagrid({
fitColumns:true,
idField:"idnr",
remoteSort:false,
sortName:"startDate",
sortOrder:"desc",
singleSelect:true,
view:scrollview,
striped:true,
url:'getCarrierCostrates.php',
method:'get',
toolbar:'#datagridcostratesToolbar',
columns:[[
{field:'setupFee',title:'<span title="one time charge">OTC</span>',width:65},
{field:'monthlyFee',title:'<span title="monthly recurring charge">MRC</span>',width:65},
{field:'Rateperminute',title:'<span title="cost per minute">CPM</span>',width:65},
{field:'portationFee',title:'portation fee',width:80},
{field:'startDate',title:'startdate',width:70,sortable:true},
{field:'idnr',title:'id',hidden:true}
]]
});
//Datagrid 2
$('#datagridsellrates').datagrid({
fitColumns:true,
idField:"idnr",
remoteSort:true,
sortName:"startDate",
sortOrder:"desc",
singleSelect:true,
view:scrollview,
striped:true,
autoRowHeight:true,
url:'getCarrierSellrates.php',
method:'get',
toolbar:'#datagridsellratesToolbar',
columns:[[
{field:'otcUSD',title:'<span title="one time charge in US dollar">OTC $</span>',width:55},
{field:'otcEUR',title:'<span title="one time charge in euro">OTC €</span>',width:55},
{field:'mrcUSD',title:'<span title="monthly recurring charge in US dollar">MRC $</span>',width:55},
{field:'mrcEUR',title:'<span title="monthly recurring charge in euro">MRC €</span>',width:55},
{field:'portationUSD',title:'<span title="portation fee in US dollar">portation $</span>',width:80},
{field:'portationEUR',title:'<span title="portation fee in euro">portation €</span>',width:80},
{field:'rpm',title:'<span title="cost per minute in euro. Other currencies are calculatet depending on exchangerates.">RPM €</span>',width:55},
{field:'startDateSell',title:'startdate',width:70,sortable:true},
{field:'idnr',title:'id',hidden:true},
]]
});
HTML代码:
<!--**********Cost*************-->
<div id="tabs-5" title="Cost" style="height:300px; padding:10px;">
<table id="datagridcostrates" class="easyui-datagrid" style="width:600px; height:100%;" >
</table>
<div id="datagridcostratesToolbar" style="display:none;">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onClick="newrate('cost')">New</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onClick="editrate('cost')">Edit</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onClick="removerate('cost')">Remove</a>
</div>
</div>
<!--**********Sell*************-->
<div id="tabs-6" title="Sell" style="height:300px; padding:10px;">
<table id="datagridsellrates" class="easyui-datagrid" style="width:600px; height:100%;" >
</table>
<div id="datagridsellratesToolbar" style="display:none;">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onClick="newrate('sell')">New</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onClick="editrate('sell')">Edit</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onClick="removerate('sell')">Remove</a>
</div>
</div>