關於extjs3怎麼合併的信息

本文目錄一覽：

• 1、extjs 表頭合併行
• 2、extjs定義grid的列的時候 如何合併列頭
• 3、extjs grid 怎樣合併單元格？

extjs 表頭合併行

要看你使用的是哪個版本的ExtJs

1.如果是4.2版本的grid原生支持列header合併,合併只需在創建列模型時創建下級column就可以了。如

columns : [

        {

            dataIndex : ”,

            text : ‘name’

        }, {

            dataIndex : ”,

            text : ‘ccc’,

            columns : [{

                dataIndex : ”,

                text : ‘aaa

            }, {

                dataIndex : ”,

                text : ‘bbb’

            }]

}]

2.如果是3.x系列版本，使用擴展插件，請參照examples\ux實例,導入提供的examples\ux\ColumnHeaderGroup.js和examples\ux\css\ColumnHeaderGroup.css,在創建時以plugin的方式插入，請參考示例代碼

extjs定義grid的列的時候 如何合併列頭

嵌套使用columns就可以了

this.columns = [ {

//header : ‘Name’,

//dataIndex : ‘name’,

flex : 1,

columns:[{

header:’name1′,

dataIndex:’name’

},{

header:’name2′,

dataIndex:’name’

}]

}, {

header : ‘Email’,

dataIndex : ’email’,

flex : 1

} ];

extjs grid 怎樣合併單元格？

具體步驟如下：

/*

這個方法四個參數分別是

row:合併起始行

col:合併起始列.這兩個參數是為了定位,要從哪個單元格開始合併.

type:是要合併行或者列.

num:是要合併的數量

//==監聽load , 執行合併單元格

grid.getStore().on(‘load’, function () {

span(grid, 0, 0, ‘row’, 5);

});

*/

var span = function (grid, row, col, type, num) {

switch (type) {

case ‘row’:

tds = Ext.get(grid.view.getNode(row)).query(‘td’);

Ext.get(tds[col]).set({ rowspan: num });

Ext.get(Ext.get(tds[col])).setStyle({ ‘vertical-align’: ‘middle’ });

for (i = row + 1; i row + num; i++) {

Ext.get(Ext.get(grid.view.getNode(i)).query(‘td’)[col]).destroy();

}

break;

case ‘col’:

tds = Ext.get(grid.view.lockedView.getNode(row)).query(‘td’);

Ext.get(tds[col]).set({ colspan: num });

break;

}

};