FormPanel类的defaults属性

最新推荐文章于 2024-11-18 08:59:16 发布

原创最新推荐文章于 2024-11-18 08:59:16 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ext2.0.2

ext2.0 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了ExtJS框架中defaults属性的使用方法，通过实例展示了如何为Ext.Panel元素统一设置宽度等样式，同时强调了在多级嵌套items时正确放置defaults属性的重要性。

defaults : Object

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

Ext.onReady(function(){
	var top = new Ext.FormPanel({
        frame:true,
        title: 'Multi Column, Nested Layouts and Anchoring',
        defaults: {width: 150},
        labelWidth:75,
        width: 600,
        items: [{
            xtype:'textfield',
            columnWidth:.5,
            fieldLabel: 'First Name'
        }]
    });

    top.render(document.body);
});

如果多次嵌套items，使用时，需要注意把defaults放在最近的items前面。如：