`

Extjs联动操作

 
阅读更多

这是联动的操作

上面的部分:

                items : [
                    {columnWidth : .5,layout : 'form',
                        items : {
                        id: "add-triggerType",
                        xtype: 'triggerType',   
                        showAll:false,
                        name:'triggerType',
                        dictTypeCode: 'COLL.TASK.TRIGGERTYPE',
                        fieldLabel: '<span style=\"color:red\">*</span>触发器类型',
                        width: 150,
                        listWidth: 150,
                        allowBlank: true,
                        listeners:{   //重点在这里,
                            select:function(field){
                               
                                var isAdd = Ext.getCmp("collScheduleWin").isAdd;
                               
                                if(isAdd){
                                      Ext.getCmp("add-maxScheduleTime").enable();
                                      Ext.getCmp("add-schedulePeriod").enable();
                                    }
                                else{     
                                  if(field.getValue()=='c'){
                                       Ext.getCmp("add-maxScheduleTime").disable();
                                       Ext.getCmp("add-schedulePeriod").disable();
                                  }
                                  else{
                                      Ext.getCmp("add-maxScheduleTime").enable();
                                      Ext.getCmp("add-schedulePeriod").enable();
                                  }
                                }
                            }
                        }
                       
                    }}
                ]

 下面的联动部分:

items : [
					{columnWidth : .5,layout : 'form',
						items : [{xtype:'numberfield',
								  fieldLabel:"最大调度次数",
								  width:150,
								  name:'maxScheduleTime',
							      disabled:false,
//							      editable : false,
								  id:'add-maxScheduleTime'}]},
							
					{columnWidth : .5,layout : 'form',
						  items : [{xtype:'numberfield',
									  fieldLabel:"调度周期",
									  width:150,
									  name:'schedulePeriod',
									  disabled:true,
									  id:'add-schedulePeriod'}]}
				]

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics