extjs合并单元格

ext 合并单元格 colspan的方法 

2011-06-28 16:46:47|  分类： JavaScript |字号 订阅
ext的表格很华丽，但是又个很大的问题，就是没有合并单元格的办法。extjs.com上面有人提供了合并表头的方法，确没有人提供合并数据行的办法，我研究了一下，发现之所以ext宣称不提供合并单元格的做法是由于ext grid的每一个row其实不是一个tr，而是一个包含在div里面的table。每一个cell是它的一个td。所以，如果真的想实现colspan其实很简单通过 var row=grid.getView().getRow(4); 获得相应的数据行，然后通过row.removeChild(row.childNodes[0]);删除这一行的表格，然后这一行就会是一个空白，接着通过 row.innerHTML就可以设置任何你的东西了，当然如果执行合并其中的几个单元格，可以操作row.childNodes[0]。当然这种做法有一个问题，就是对齐的问题，由于所有的row都是表格，ext是使用样式表对齐的，如果合并了单元格之后如果要和下面的行对齐恐怕会非常的困难。此方法仅供参考。
    下面是示例代码：
   store.on( "load",function() {
        var row=grid.getView().getRow(4);
        row.removeChild(row.childNodes[0]);
       row.innerHTML="  ddddddddddddddddddd"；
   } ) ;