extJs的layout : 'column'布局出错

{
					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%'}
							    ]
						   }]
				}










  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值