easyUI - две базы данных на одном сайте, вторая панель инструментов не отображается в IE

У меня есть два набора данных easyUI на одном сайте в разных вкладках. Панель инструментов первой сетки данных видна в IE 8. Панель инструментов второй сетки не отображается, и я получаю сообщение об ошибке JavaScript.
Сообщение: 'colspan' is null or not an object. on line 8986 in jquery.easyui.min.js
Эта ошибка только в IE 8. В Firefox это работает хорошо. Но мне это нужно в IE 8.
Что я могу сделать?

Griddefinition:

//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 ответов

Другие вопросы по тегам