关于default属性在container容器中(panle,window)等设置:
1. default属性作用于对容器的子对象,而并非容器本身。
2. 如果子对象有相同属性设置,并且该子对象是以config对象配置的,那么,子对象的属性设置将取代default里面的设置。
看个例子:
new Ext.FormPanel({ title: 'default', width:300, height: 300, frame: true, border:true, renderTo:document.body, layout:'form', defaults:{ // cls:'clsA' bodyStyle:'color:red' }, items:[{ xtype:'textfield', fieldLabel:'标签页' }, { xtype:'panel', height:30, bodyStyle:'color:blue',,//起作用 // cls:'clsB' html:'字体的颜色' },new Ext.Panel({ height:30, bodyStyle:'color:green',//不起作用 // cls:'clsC', html:'字体的颜色' }) ] });
截图:
整理自extjs 的FAQ