PDA

View Full Version : problem with big form using EXTJS 4.1.2



terrycursh
23 Oct 2013, 2:11 AM
Any suggesttions about this big form below,it performanced about 4-5 seconds


Ext.define('SOAModule.OGA.aff.jdxx.app1.view.Edit',{
extend: 'Ext.window.Window',
alias: 'widget.OGAaffjdxxapp1Edit',
bodyPadding:2,
modal: true,
layout: 'fit',
autoScroll: true,

initComponent: function() {
var me = this;
me.items = [
{
xtype: 'form',
layout: 'anchor',
bodyPadding:10,
autoScroll:true,
defaults:{
anchor: '100%'
},
items:[
{
html:"<h2 style='text-align:center;'>??????</h2>",
border: 0,
bodyStyle: 'line-height:45px;font-size:20px;'
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
defaults:{
labelWidth:65
},
items:[
{
xtype: 'numberfield',
fieldLabel: '? ?',
name: 'jqicYear',
allowBlank: false,
value: new Date().getFullYear(),
width: 180,
margin: '0 0 0 200',
labelWidth:50
},
{
xtype: 'combo',
store: Ext.create("SOA.store.QuarterList"),
fieldLabel: '? ?',
name: 'jqicSeason',
displayField: 'text',
valueField: 'value',
allowBlank: false,
queryMode: 'local',
editable: false,
margin: '0 0 0 20',
width: 180,
labelWidth:50
}
]
},
{
xtype: 'fieldset',
title: '????',
items:[
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'textfield',
fieldLabel: '????',
flex: 1,
name: 'jqicTbunit',
allowBlank:false,
value: '??????????',
labelWidth: 65
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'textfield',
fieldLabel: '???',
name: 'suCompellation',
readOnly: true,
value: SOAUserBasic.get("suCompellation"),
flex: 1,
labelWidth: 65
},
{
xtype: 'textfield',
fieldLabel: '???',
name: 'jqiChecker',
flex: 1,
labelWidth: 65,
margin: '0 0 0 15'
},
{
flex: 1,
border: 0
}
]
}
]
},
{
xtype: 'fieldset',
title: '??????',
items:[
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="text-align:center;font-weight:bold;">????</div>',
flex: 1
},
{
xtype: 'label',
html: '<div style="text-align:center;font-weight:bold;">? ?</div>',
width: 110
},
{
xtype: 'label',
html: '<div style="text-align:center;font-weight:bold;">? ?</div>',
width: 110
},
{
xtype: 'label',
html: '<div style="text-align:center;font-weight:bold;">?????</div>',
width: 140
},
{
xtype: 'label',
html: '<div style="text-align:center;font-weight:bold;">?????</div>',
width: 140
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '???????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 1,
name: 'jqicDevNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicDevYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicDevHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:12px;">????????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 2,
name: 'jqicDinNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicDinYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicDinHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 3,
name: 'jqicNowDevNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicNowDevYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicNowDevHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '???????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 4,
name: 'jqicPubNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicPubYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicPubHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:12px;">???????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 5,
name: 'jqicPaidNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicPaidYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicPaidHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:24px;">?????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 6,
name: 'jqicMoninNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicMoninYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicMoninHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 7,
name: 'jqicLandNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicLandYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicLandHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:12px;">?????????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 8,
name: 'jqicLandMonNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicLandMonYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicLandMonHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '???????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 9,
name: 'jqicTownNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicTownYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicTownHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:12px;">????????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 10,
name: 'jqicTowninNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicTowninYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicTowninHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '???????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 11,
name: 'jqicGrpNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicGrpYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicGrpHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:12px;">??????????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 12,
name: 'jqicGrpinNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicGrpinYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicGrpinHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '??????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 13,
name: 'jqicAssetNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicAssetYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicAssetHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:12px;">?????????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 14,
name: 'jqicAssetbcNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicAssetbcYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicAssetbcHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:24px;">????????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 15,
name: 'jqicAssetinNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicAssetinYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicAssetinHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:24px;">????????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 16,
name: 'jqicAssetlandNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicAssetlandYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicAssetlandHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '??????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 17,
name: 'jqicRoomNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">????</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicRoomYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicRoomHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:12px;">???????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 18,
name: 'jqicRminNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">????</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicRminYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicRminHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '??????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 19,
name: 'jqicJGNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">????</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicJGYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicJGHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:12px;">???????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 20,
name: 'jqicJGinNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">????</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicJGinYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicJGinHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '??????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 21,
name: 'jqicXSNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">????</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicXSYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicXSHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:12px;">???????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 22,
name: 'jqicXSinNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">????</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicXSinYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicXSinHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '??????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 23,
name: 'jqicCHZNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">????</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicCHZYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicCHZHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:12px;">???????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 24,
name: 'jqicCHZinNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">????</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicCHZinYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicCHZinHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '???????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 25,
name: 'jqicYJNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">?</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicYJYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicYJHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '??????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 26,
name: 'jqicYJmonNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">???</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicYJmonYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicYJmonHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '??????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 27,
name: 'jqicHTNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">???</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicHTYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicHTHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:12px;">?????????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 28,
name: 'jqicHTinNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">???</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicHTinYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicHTinHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 29,
name: 'jqicWZNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">???</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicWZYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicWZHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '???????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 30,
name: 'jqicLHNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">?</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicLHYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicLHHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '????????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 31,
name: 'jqicLHTZNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicLHTZYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicLHTZHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '??????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 32,
name: 'jqicLHZCNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicLHZCYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicLHZCHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '???????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 33,
name: 'jqicQMNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">?</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicQMYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicQMHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 34,
name: 'jqicCYNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicCYYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicCYHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '?????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 35,
name: 'jqicJCHNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">???</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicJCHYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicJCHHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:24px;">???????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 36,
name: 'jqicJCHJKNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">???</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicJCHJKYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicJCHJKHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:48px;">????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 37,
name: 'jqicJCHCKNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">???</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicJCHCKYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicJCHCKHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '??????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 38,
name: 'jqicSJNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicSJYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicSJHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '<div style="margin-left:24px;">????????</div>',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 39,
name: 'jqicSJinNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicSJinYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicSJinHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '?????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 40,
name: 'jqicINNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicINYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicINHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '??????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 40,
name: 'jqicINYWNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicINYWYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicINYWHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 41,
name: 'jqicINLRNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicINLRYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicINLRHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '??????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 42,
name: 'jqicINSJNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicINSJYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicINSJHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 43,
name: 'jqicDSNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicDSYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicDSHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 44,
name: 'jqicDSLRNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicDSLRYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicDSLRHis',
margin:'0 0 0 8'
}
]
},
{
xtype: 'fieldcontainer',
layout: 'hbox',
items:[
{
xtype: 'label',
html: '??????????',
flex: 1
},
{
xtype: 'textfield',
width: 110,
value: 45,
name: 'jqicDSSJNum'
},
{
xtype: 'label',
html: '<div style="text-align:center;">??</div>',
width: 110
},
{
xtype: 'textfield',
width: 140,
name: 'jqicDSSJYear'
},
{
xtype: 'textfield',
width: 140,
name: 'jqicDSSJHis',
margin:'0 0 0 8'
}
]
}
]
},
{
xtype: 'hidden',
name: 'jqicCreator',
value: SOAUserBasic.get("suuId")
},
{
xtype: 'hidden',
name: 'jqicId'
}
]
}
];
me.buttons = [
{
text: '??',
iconCls: 'SOA_Save',
action: 'save'
},
{
text: '????',
iconCls: 'SOA_Cancel',
handler:function(btn){
me.close();
}
}
];
Ext.apply(me, {})
me.callParent();
}
});

terrycursh
23 Oct 2013, 5:28 PM
Nobody????

scottmartin
24 Oct 2013, 2:45 PM
It is supposed to look like this:

46551


I get about 2-3 seconds as is in Chrome.
If I remove all the html items for displaying the labels .. about 1 second.

Why all the manual labels?

Scott.