Override default ExtJS configuration

最新推荐文章于 2024-04-07 15:22:36 发布

最新推荐文章于 2024-04-07 15:22:36 发布 · 176 阅读

文章标签：

#EXT #CSS #PHP #C #C++

本文介绍如何在ExtJS中自定义TableLayout的样式及间距，通过覆盖TableLayout的方法实现定制化的表格布局，并展示了具体的代码实例。

URL: http://www.extjs.com/forum/showthread.php?56893-table-layout-cellspacing-and-custom-

CSS-class

How about:

Code:

Ext.override(Ext.layout.TableLayout, {
	tableCfg: {tag:'table', cls:'x-table-layout', cellspacing: 0, cn: {tag: 'tbody'}},
	onLayout : function(ct, target){
		var cs = ct.items.items, len = cs.length, c, i;
		if(!this.table){
			target.addClass('x-table-layout-ct');
			this.table = target.createChild(this.tableCfg, null, true);
			this.renderAll(ct, target);
		}
	}
});

so you can use:

Code:

{
    xtype : 'container',
    autoEl: {},
    layout : 'table',
    layoutConfig: {
        tableCfg: {tag:'table', cls:'x-table-layout', cellspacing: 10, cn: {tag: 'tbody'}}
    },
    items : [ ... ]
}