日期:2014-05-16  浏览次数:20452 次

Extjs实现如图的布局-table布局下filedlable不显示
哪位EXT大神帮忙实现下如下图这种布局:


我尝试用table布局,使用两列显示,但会导致文本框的filedlable不显示。
我尝试布局的效果如下:

这种效果的代码如下:

Ext.onReady(function(){
    Ext.QuickTips.init();    
    
   //Toolbar
var toolbar = new Ext.Toolbar({
region: 'north',
height:30,
width:"100%",
items:[{
text: '保存',
            iconCls : 'save'
},{
text : '取消',
iconCls : 'clear'
}]
});
    
    //Form panel
    var form = new Ext.FormPanel({
     region: 'center',
     layout:'table',
        layoutConfig: {columns:2},
        labelWidth: 75,        
        labelAlign: 'right',
        frame:true,
        width:500,
        autoHeight:true,
        defaults: {width: 230, msgTarget:'side'},
        defaultType: 'textfield',        
        items: [
        {
         name:'fullnameZh',
         ref:'fullnameZh',
            fieldLabel: 'LP名称(中文)',            
            allowBlank:false,
            blankText:'LP名称(中文)必须输入.'
        },{
         name:'fullnameEn',
         ref:'fullnameEn',
            fieldLabel: 'LP名称(英文)'
        },{
         name:'shortnameZh',
         ref:'shortnameZh',
            fieldLabel: 'LP简称(中文)'
        },{
         name:'shortnameEn',
         ref:'shortnameEn',
            fieldLabel: 'LP简称(英文)'
        },{
         name:'lpType',
         ref:'lpType',
            fieldLabel: 'LP类型'
        },{
         name:'assort',
         ref:'fullnameEn',
   &n