ExtJS4 布局及边框

阅读更多

 this.items=[{
            fieldLabel:'公告内容',
            maxLength:50,
            xtype:'htmleditor',
            height:400,
            name:'content'
        },{
            layout:'column',
            xtype: 'container',
            anchor:'100%',
            defaults:{
                border:false,
                frame:true
            },
            items:[
                {layout:'form',columnWidth:.9,
                    items:[{fieldLabel:'附件',
                    xtype:'filefield',
                    buttonText:"浏览",
                    name:'file'}]},
                {layout:'form',columnWidth:.1,
                    items:[{xtype:'button',text:'删除',scope:this,handler:function(){this.down("filefield").reset();}}]}
            ]
        },

ExtJS4对于3来说变化还比较大嘛，部分地方写法都不一样了。比如，我写一个表单FORM。

 

第一个是，3是不需要写xtype:'container'

1 layout:'column',
2 xtype: 'container',

第二个是，TMD布局中竟然有边框，而且form1与form2 都是白色底色，我使用frame:true,border:true。底色好了，边框还是有。草。。。

 

• 
• 大小: 5 KB

• 查看图片附件