extJs的layout : 'column'布局出错

来源：互联网发布：西安交通大学软件学院编辑：程序博客网时间：2024/04/19 06:29

{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