Question

我正在尝试根据json响应中的第一个组合填充第二个组合，例如在第一个组合中使用类别值在第二个组合中显示子类别值。我的所有值都来自json数组响应，我试图动态设置root属性并在第一个组合更改函数中加载控制器中第二个组合框的存储，但它没有填充数据。任何人都可以告诉我问题是什么。我如何解决它？我已经在下面发布了我的代码，用于第一个组合的更改功能：

valueChange:function(combo, ewVal, oldVal,optionsVal) {
    for(var i=0;i<tempstore.getCount();i++){
          var record = tempstore.getAt(i);

//checking for user selection id  with store id 
 if(record.get('categoryId')==ewVal)         
 {
   value="category.category1.category["+i+"].subCategory.subCategory1";
tempsecondCompostore.getProxy().getReader().setRootProperty(value);    
tempsecondCompostore.load();
cmbSecond.setStore(tempsecondCompostore);

mdSecond.setDisplayField('subCategoryName');
cmdSecond.setValueField('subCategoryId');
 break;
       }
      }

这是我的第二个组合模型：

Ext.define('Test.model.SubCategoryModel', {
    extend : 'Ext.data.Model',
    fields : [
     {
      name:'subCategoryName',
      type:'string'

     },
     {
      name:'subCategoryId',
      type:'string'
     }


    ]

});

这是我的第二个组合商店：

Ext.define('Test.store.SubCategoryStore', {
    extend : 'Ext.data.Store',
    storeId : 'secondcombo',
    model : 'Test.model.SubCategoryModel',
    //autoLoad : 'true',
    proxy : {
        type : 'ajax',
        url : 'data.json',
        reader : {
            type : 'json',
            rootProperty:'category.category1.category[0].subCategory.subCategory1
        }
    }

}）;

在视图中显示组合：

xtype: 'fieldset',
            width:400,
            heigth:200,
            items: [
                {
                    xtype: 'selectfield',
                    label: 'Select',
                    store : 'secondcombo',
                    width:400,
                    heigth:200,
                    queryMode: 'local',
                    displayField :'subCategoryName',
                    valueField :'subCategoryId',
                    id:'cmbSecond'




                }
            ]

由于

Answer 1

问题是商店的load（）是异步的，您需要在回调中包含此调用后的行。

如何根据sencha中json响应的第一个组合值填充第二个组合

1 个答案: