1. #1
    Sencha User
    Join Date
    Feb 2013
    Posts
    93
    Vote Rating
    0
    vijayakumar84 is on a distinguished road

      0  

    Default Unanswered: Populate second combo depend first combo value from json response in sencha

    Unanswered: Populate second combo depend first combo value from json response in sencha


    Hi
    I am trying to populate secondcombo depend on the first combo from json response like displaying subcategory value in second combo using category value in first combo.My all values are coming from json array response I am trying to set root property dynamically and load the store of second combo box in controller in first combo change function .but its not populating data can anybody tell what is problem .How to fix it? .I have post below code for change function of first combo


    Code:
     
    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.subCategory";
    tempsecondCompostore.getProxy().getReader().setRootProperty(value);    
    tempsecondCompostore.load();
    cmbSecond.setStore(tempsecondCompostore);
    
    mdSecond.setDisplayField('subCategoryName');
    cmdSecond.setValueField('subCategoryId');
     break;
           }
          }
    This is My second Combo Model


    Code:
    Ext.define('Test.model.SubCategoryModel', {
        extend : 'Ext.data.Model',
        fields : [
         {
          name:'subCategoryName',
          type:'string'
         
         },
         {
          name:'subCategoryId',
          type:'string'
         }
         
        
        ]
        
    });

    This is My store


    Code:
    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.subCategory
            }
        }
    
    
    });

    In View displaying combo

    Code:
    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'
            
          
    
    
                    }
                ]
    Thanks

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,547
    Vote Rating
    873
    Answers
    3566
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    First thing, are you getting any messages in the console? Your model and store aren't 100% compliant with ST2
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.