Extjs에서 Radio Group 구성 요소에 감청 이벤트를 추가하여 다른 구성 요소가 표시되는지 여부를 조정합니다.

2178 단어 ExtJs
감청 이벤트는 change입니다. 전체 구성 요소에 대한 구체적인 예는 다음과 같습니다.
		{
	   		xtype: 'panel',
	   		style: 'margin-left:50;',
	   		layout: 'column',
	   		autoWidth: true,
	   		items: [{
	   			layout: 'form',
	   			width: 240,
				items:[{
					xtype: 'radiogroup',
					width: 120,
					fieldLabel: '          ',
					id: 'seqConfig',
					name: 'seqConfig1',
					items: [{
				    	boxLabel: ' ',
				    	itemId: 'general',
				    	name: 'seqConfig',
				    	inputValue: ' ',  // 
				    	checked: true
				    },{
				    	boxLabel: ' ',
				    	id: 'regular',
				    	name: 'seqConfig',
				    	inputValue: ' '
				    }],  
					listeners: {  
						"change": function() {  
							if (Ext.getCmp("seqConfig").getValue().inputValue == " ") {  
								Ext.getCmp("ruleCheck").setVisible(true);  
							} else {  
								Ext.getCmp("ruleCheck").setVisible(false);  
							}  
						}  
					}
				}]
			}, {
	   			layout: 'form',
	   			xtype: 'panel',
	   			hidden: true,
	   			id: 'ruleCheck',
	   			style: 'margin-left:0;',
				items:[{
					store: new Ext.data.JsonStore({
						url: "./jxy/subsystem/queryUserRoleAction", 
				        autoLoad: true,
				        fields: ['id','roleName'],
				        root: 'data',
				        remoteSort: true,
						listeners: {
							load: function() {
								//window_add_user.findById("user.userRoleName").setValue(userroleStore.getAt(0).data.roleName);// combobox 
							}
						}
					}),
					xtype: 'combo',
					fieldLabel: ' ',
					width: 120,
					id: 'user.userRoleName',
					displayField: 'roleName',
					valueField: 'id',
					hiddenName: 'roleName',
					typeAhead: true,
					triggerAction: 'all',
					selectOnFocus: true,
					mod: 'remote',
					allowBlank: false,
					editable: false,
					emptyText: '-- --'
				}]
			}]
		}

좋은 웹페이지 즐겨찾기