extjs grid columns 信息获取

原创

arkshine 2012-05-19 12:49:46 博主文章分类：extjs4 ©著作权

©著作权归作者所有：来自51CTO博客作者arkshine的原创作品，请联系作者获取转载授权，否则将追究法律责任

    extend: 'Ext.data.Model',     fields: ['name', 'latin', 'desc'] });  Ext.create('Ext.grid.Panel', {     width: 400,     height: 300,     renderTo: Ext.getBody(),     store: {         model: 'Animal',         data: [             {name: 'Tiger', latin: 'Panthera tigris',              desc: 'The largest cat species, weighing up to 306 kg (670 lb).'},             {name: 'Roman snail', latin: 'Helix pomatia',              desc: 'A species of large, edible, air-breathing land snail.'},             {name: 'Yellow-winged darter', latin: 'Sympetrum flaveolum',              desc: 'A dragonfly found in Europe and mid and Northern China.'},             {name: 'Superb Fairy-wren', latin: 'Malurus cyaneus',              desc: 'Common and familiar across south-eastern Australia.'}         ]     },     columns: [{         dataIndex: 'name',         text: 'Common name',         width: 125     }, {         dataIndex: 'latin',         text: 'Scientific name',         flex: 1     }],     features: [{         ftype: 'rowbody',         getAdditionalData: function(data, rowIndex, record, orig) {             var headerCt = this.view.headerCt,  //获取grid列头信息，然后调用 //headerCt的方法获取column的属性                  colspan = headerCt.getColumnCount();             // Usually you would style the my-body-class in CSS file             return {                 rowBody: '<div style="padding: 1em">'+record.get("desc")+'</div>',                 rowBodyCls: "my-body-class",                 rowBodyColspan: colspan             };         }     }] });