27. FormPanel类的defaults属性

最新推荐文章于 2024-03-26 17:18:18 发布

转载最新推荐文章于 2024-03-26 17:18:18 发布 · 139 阅读

本文介绍了如何使用defaults属性为Ext.Panel中的所有元素设置默认宽度。通过一个具体的代码示例展示了如何将这一特性应用于Ext.FormPanel组件，使得其内部的所有面板元素能够自动获得预设的宽度。

defaults : Object defaults属性可以包含任意个name/value属性对，这些属性将会被添加到每一个元素中...例如, 为了自动向容器包含的每个Ext.Panel 元素的宽度添加width属性，你应该传递：defaults: {width:150}。

 1     Ext.onReady(function(){  
 2         var top = new Ext.FormPanel({  
 3             frame:true,  
 4             title: 'Multi Column, Nested Layouts and Anchoring',  
 5             defaults: {width: 150},  
 6             labelWidth:75,  
 7             width: 600,  
 8             items: [{  
 9                 xtype:'textfield',  
10                 columnWidth:.5,  
11                 fieldLabel: 'First Name'  
12             }]  
13         });  
14       
15         top.render(document.body);  
16     });