日期:2014-05-16  浏览次数:20354 次

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";
   } ) ;