需求：用ExtJS5.1.2制作以下Grid效果(其中列3是動(dòng)態(tài)的)：
ExtJS3的實(shí)現(xiàn)方式和5不一樣。

創(chuàng)新互聯(lián)專(zhuān)注于古丈網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供古丈營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，古丈網(wǎng)站制作、古丈網(wǎng)頁(yè)設(shè)計(jì)、古丈網(wǎng)站官網(wǎng)定制、重慶小程序開(kāi)發(fā)公司服務(wù)，打造古丈網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供古丈網(wǎng)站排名全網(wǎng)營(yíng)銷(xiāo)落地服務(wù)。

基本代碼：
為了實(shí)現(xiàn)雙表頭，需要嵌套columns。

{
    id : 'grid1',
    xtype : 'grid'
    columns : [{
            header : '列1',
            xtype : 'gridcolumn'
        }, {
            header : '列2',
            xtype : 'gridcolumn'
        }, {
            header : '列3',
            xtype : 'gridcolumn',
            columns : [{
                    header : '列3-1',
                    xtype : 'gridcolumn'
                } , {
                    header : '列3-2',
                    xtype : 'gridcolumn'
                }, {
                    header : '列3-3',
                    xtype : 'gridcolumn'
                }]
        }]
}

解決思路：

1. 先顯示所有動(dòng)態(tài)列，然后隱藏。
   --> 失敗，使用Ext.getCmp(id).hide()或者show()會(huì)導(dǎo)致頁(yè)面無(wú)響應(yīng)。這個(gè)方法在單表頭的時(shí)候沒(méi)有問(wèn)題。

2. 先全部按單列(不嵌套columns)顯示，然后使用hide()隱藏不需要的列，再合并第一行表頭。
   --> 目前沒(méi)有找到實(shí)現(xiàn)方法。

3. 動(dòng)態(tài)追加列3。
   --> 使用columnManager.secondHeaderCt.insert(指定位置, column數(shù)組)或者add(column數(shù)組)。
   代碼樣本：

   var columnList = [];
   columns.push({
       header : '列3-1',
       xtype : 'gridcolumn'
   }， {
       header : '列3-2',
       xtype : 'gridcolumn'
   }， {
       header : '列3-3',
       xtype : 'gridcolumn'
   });
   var grid = Ext.getCmp('grid1');
   grid.columnManager.secondHeaderCt.add(
       xtype : 'gridcolumn',
       header : '列3',
       columns : columnList
   );

ExtJS并不建議使用Ext.grid.ColumnManager，官方API也找不到grid.columnManager.secondHeaderCt，可以通過(guò)Chrome/F12/Console/輸入“Ext.getCmp('grid').columnManager”找到secondHeaderCt。

網(wǎng)頁(yè)題目：ExtJS5.1.2實(shí)現(xiàn)雙表頭動(dòng)態(tài)列
文章鏈接：http://www.ekvhdxd.cn/article30/peocpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站營(yíng)銷(xiāo)、自適應(yīng)網(wǎng)站、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)