标签：Rowspan attr easyui colspan cols field rowspan IE col

在使用JQuery EasyUI (1.4.2) 的datagrid控件时，使用动态指定columns的方式，相关代码如下：

$("#topApList").datagrid({columns:[[
{field:'aaa',title: 'aaa',align: 'center',width: 130},  
{field:'bbb',title: 'bbb',align: 'center',width: 100},
]]
});

在IE8浏览器中打开该页面时出现错误：‘Rowspan’ 为空或不是对象，‘Colspan’ 为空或不是对象。

在Firefox, Safari, Chrome浏览器中没有报错，页面正常显示。

分析代码：

jquery.easyui.mini.js代码，高亮部分为出现空指针异常的地方：

for (var j = 0; j < cols.length; j++) {
var col = cols[j];
var attr = "";
if (col.rowspan) {
attr += "rowspan=\"" + col.rowspan + "\" ";
}
if (col.colspan) {
attr += "colspan=\"" + col.colspan + "\" ";
}

原因：

在最后一个field后面，出现一个逗号，导致浏览器计算出来的cols.length为3（其实际值为2），当访问cols[2]时出现空指针异常。

解决方案：

将最后一个field后的逗号去掉即可。

效果：

IE中未出现上述错误。

标签：Rowspan,attr,easyui,colspan,cols,field,rowspan,IE,col
来源： https://www.cnblogs.com/heart-Fly/p/14875568.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。