extjs-添加對應的組件

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) {

}

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章