{
layout : 'column',
border : false,
items : [{
columnWidth : .33,
layout : 'form',
labelWidth : 110, // 标签宽度
defaultType : 'textfield',
border : false,
items : [
{xtype:'textfield', name:'shuju1',fieldLabel:'数据1',readOnly:true,anchor:'99%'},
{xtype:'textfield', id:'shuju2',fieldLabel:'数据2',readOnly:true,anchor:'99%'},
]
}, {
columnWidth : .33,
layout : 'form',
labelWidth : 110, // 标签宽度
defaultType : 'textfield',
border : false,
items : [
{xtype:'shuju3',name:'vehicleWeight',fieldLabel:'数据3',readOnly:true,anchor:'99%'},
{xtype:'textfield',name:'shuju2',fieldLabel:'数据4',readOnly:true,anchor:'99%'},
]
}, {
columnWidth : .33,
layout : 'form',
labelWidth : 110, // 标签宽度
defaultType : 'textfield',
border : false,
items : [
{xtype:'textfield',name:'shuju5',fieldLabel:'数据5',readOnly:true,anchor:'99%'},
]
}]
}
上面的一句话在谷歌浏览器和360浏览器的兼容模式下是可以正常显示的但是在IE和360浏览器的兼容模式下就不行了原来是里面的每个items最后结尾的xtype不能有分号存在
{
layout : 'column',
border : false,
items : [{
columnWidth : .33,
layout : 'form',
labelWidth : 110, // 标签宽度
defaultType : 'textfield',
border : false,
items : [
{xtype:'textfield', name:'shuju1',fieldLabel:'数据1',readOnly:true,anchor:'99%'},
{xtype:'textfield', id:'shuju2',fieldLabel:'数据2',readOnly:true,anchor:'99%'}
]
}, {
columnWidth : .33,
layout : 'form',
labelWidth : 110, // 标签宽度
defaultType : 'textfield',
border : false,
items : [
{xtype:'shuju3',name:'vehicleWeight',fieldLabel:'数据3',readOnly:true,anchor:'99%'},
{xtype:'textfield',name:'shuju2',fieldLabel:'数据4',readOnly:true,anchor:'99%'}
]
}, {
columnWidth : .33,
layout : 'form',
labelWidth : 110, // 标签宽度
defaultType : 'textfield',
border : false,
items : [
{xtype:'textfield',name:'shuju5',fieldLabel:'数据5',readOnly:true,anchor:'99%'}
]
}]
}