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";
} ) ;
分享到:
相关推荐
NULL 博文链接:https://zdk8105.iteye.com/blog/2232570
100行代码解决ExtJs4.1合并单元格问题
ExtJs 4.0 Grid 单元格合并控件封装
extjs单元格合并,gridpanel中多行合并
ext表格合并单元格的方法,合并表头的方法extjs的官网上有,这里提供的是合并数据单元格的方法
ExtJS 4.2 Grid组件本身并没有提供单元格合并功能,需要自己实现这个功能。 目录 1. 原理 2. 多列合并 3. 代码与在线演示 1. 原理 1.1 HTML代码分析 首先创建一个Grid组件,然后查看下的HTML源码。 1.1.1 Grid组件 ...
实现grid单元格重复数据的合并,完整的案例实现,包含合并方法和调用过程
1.js代码 MyGridView=Ext.extend(Ext.grid.GridView,{ renderHeaders : function(){ var cm = this.cm, ts = this.templates; var ct = ts.hcell,ct2=ts.mhcell; var cb = [], sb = [], p = {},mcb=[];...
NULL 博文链接:https://tipx.iteye.com/blog/718279
附件包含 控件及调用例子,看看理解即可,无法直接运行
ExtJS Grid 合并单元格使用的ExtJS版本为4.2.1.883主要配置viewConfig: { mergeColumns: 'cat1>cat2|cat2_desc' // 先按cat1合并,再按cat2合并,cat2_desc按cat2合并}
6.5.3. 呼呼,TableLayout就是合并行,合并列 7. 低鸣吧!拖拽就像呼吸一样容易。 7.1. 如此拖拽,简直就像与生俱来的本能一样。 7.2. 第一!乱拖。 7.3. 第二!代理proxy和目标target 7.4. yui自远方来,不亦乐乎 ...