1.添加按鈕:
margin: '10 20 0 80',
xtype: 'button',
text: '搜索',
width: 80,
itemId:'queryItemId',
// enableToggle:true,
handler:dciGlobeCoordinate.StartQuery
2.添加文本框:
xtype: 'textfield',
margin: '10 0 0 5',
fieldLabel: 'x座標',
editable: false,
width: 220,
labelWidth: 40,
allowBlank:false, //不允許爲空
blankText: '請輸入x座標',
regex:/^\d+(\.\d{1,20})?$/,//允許出現小數點後20位
regexText: '請輸入數字',
shadow: false,
listeners: {
change:function (textfield, value) {
}
}
添加時間field
xtype: 'datefield',
margin: '3 0 0 5',
itemId:'dateItemId',
fieldLabel: '日期',
minDate:'1/1/1800',
format: 'Y/m/d',
invalidText: '日期格式無效',
editable: false,
width: 235,
labelWidth: 60,
shadow:false,
listeners: {
//'change':'onAnalysisParamChange'
}
添加數字field
xtype: 'timefield',
margin: '3 0 0 5',
itemId:'timeItemId',
fieldLabel: '時間',
invalidText: '時間格式無效',
format: 'H:i:s',
increment: 30,
editable: false,
width: 235,
labelWidth: 60,
shadow: false,
listeners: {
//'change':'onAnalysisParamChange'
}
3.添加checkbox
xtype: 'checkbox',
//padding:10,
margins:'0 0 0 10',
itemId:'openUndergroundModeItemId',
//bind: {
// checked: '{isCirculation}'
//},
checked:true,
boxLabel: '地下模式',
handler:dciGlobeUnderGround.openUndergroundMode
4.添加進度條
xtype:'slider',
itemId:'sliderId',
margin:'10 5 10 5',
fieldLabel: '透明度',
minvalue:0,
maxvalue:255,
width:211,
labelWidth: 60,
shadow:false,
listeners:{
'change': function (slider, value) {
}
}