一级:

 
  
  1. Ext.define('MyApp.views.life.combo.LifecategoryCombo', { 
  2.     extend: 'Ext.form.field.ComboBox'
  3.     alias:'widget.LifecategoryCombo'
  4.      
  5.     id:'LifecategoryCombo'
  6.     name:'categoryname'
  7.     width: 180, 
  8.     fieldLabel: '生活信息一级类别'
  9.     editable:false
  10.     labelWidth: 60, 
  11.     emptyText: '请选择'
  12.     queryMode:'local'
  13.     store: new Ext.data.Store({ 
  14.         singleton : true
  15.         proxy: { 
  16.                 type: 'ajax'
  17.                 url : 'global!queryLifecategory'
  18.                 actionMethods : 'post'
  19.                 reader: { 
  20.                     type: 'json'
  21.                     totalProperty: 'rowCount'
  22.                     root: 'root' 
  23.                 } 
  24.         }, 
  25.         fields:['categoryid''categoryname'], 
  26.         autoLoad:true 
  27.     }), 
  28.     listConfig:{ 
  29.         loadingText:'正在加载数据,请稍侯……' 
  30.     }, 
  31.     triggerAction:'all'
  32.     valueField:'categoryid'
  33.     displayField:'categoryname'
  34.  
  35.     initComponent: function() { 
  36.         var me = this
  37.         me.callParent(arguments); 
  38.     }, 
  39.     listeners:{ 
  40.         select:function(com,records,options){ 
  41.             Ext.getCmp('LifecategoryDetailCombo').clearValue(); 
  42.             var store = Ext.data.StoreManager.lookup('LifecategoryDetailComboStore'); 
  43.             store.load({params:{parentid:com.getValue()}}); 
  44.         } 
  45.     } 
  46. }); 

二级:

 
  
  1. Ext.define('MyApp.views.life.combo.LifecategoryDetailCombo', { 
  2.     extend: 'Ext.form.field.ComboBox'
  3.     alias:'widget.LifecategoryDetailCombo'
  4.      
  5.     id:'LifecategoryDetailCombo'
  6.     name:'categorydetailname'
  7.     width: 180, 
  8.     fieldLabel: '生活信息二级类别'
  9.     editable:false
  10.     labelWidth: 60, 
  11.     emptyText: '请选择'
  12.     queryMode:'local'
  13.     store: new Ext.data.Store({ 
  14.         singleton : true
  15.         storeId:'LifecategoryDetailComboStore'
  16.         proxy: { 
  17.                 type: 'ajax'
  18.                 url : 'global!queryLifecategoryDetail'
  19.                 actionMethods : 'post'
  20.                 reader: { 
  21.                     type: 'json'
  22.                     totalProperty: 'rowCount'
  23.                     root: 'root' 
  24.                 } 
  25.         }, 
  26.         fields:['categoryid''categoryname'], 
  27.         autoLoad:true 
  28.     }), 
  29.     loadingText:'正在加载数据,请稍侯……'
  30.     triggerAction:'all'
  31.     valueField:'categoryid'
  32.     displayField:'categoryname'
  33.  
  34.     initComponent: function() { 
  35.         var me = this
  36.         me.callParent(arguments); 
  37.     } 
  38. }); 

 

后台:

 
  
  1. /** 
  2.  * 获得生活信息二级类别的下拉框 2012-3-20 
  3.  */ 
  4. public String queryLifecategoryDetail() throws Exception{ 
  5.     HttpServletResponse response = ServletActionContext.getResponse(); 
  6.     HttpServletRequest request = ServletActionContext.getRequest(); 
  7.      
  8.     String parentid = request.getParameter("parentid"); 
  9.     try { 
  10.         String json = globalManager.queryLifecategoryDetail(parentid); 
  11.         response.setContentType("text/json; charset=UTF-8"); 
  12.         response.getWriter().write(json); 
  13.     } catch (RuntimeException e) { 
  14.         log.error("==GlobalAction queryLifecategoryDetail() failed==", e); 
  15.         throw e; 
  16.     } 
  17.     return null