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。底色好了,边框还是有。草。。。

 
 

 

你可能感兴趣的:(extjs4)