easyUI两个datagrids在一个站点上,第二个工具栏没有在IE中显示

时间:2016-01-14 12:55:24

标签: javascript jquery datagrid jeasyui

我在不同标签的一个网站上有两个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>

0 个答案:

没有答案