Hybrid View

  1. #1
    Ext User
    Join Date
    Feb 2008
    Posts
    2
    Vote Rating
    0
    Manoush is on a distinguished road

      0  

    Default Display a ComboBox with a Json

    Display a ComboBox with a Json


    Hye,

    I'm a new user of extjs, and I've got an issue.

    I have this Json :
    Code:
    {"total":"5", "corporates":[{"cop_id":"2","cop_name":"burode"},{"cop_id":"3","cop_name":"tag"},{"cop_id":"1","cop_name":"tagattitude"},{"cop_id":"4","cop_name":"test"},{"cop_id":"5","cop_name":"test2"}]}
    I'm trying to display this in this comboBox using a Ext.data.Store and a Ext.data.JsonReader like this :
    Code:
            var ds = new Ext.data.Store({
    		reader: new Ext.data.JsonReader({
    			root: 'corporates'
    			, totalProperty: 'total'
    		}, [{name:'cop_id'}, {name:'cop_name'}])
    	});
    		
    	var comboBox = new Ext.form.ComboBox({
    		store: ds,
    		mode: 'local',
    		valueField: 'cop_id',
    		displayField: 'cop_name',
    		applyTo: 'corporateList'
    	});
    corporateList is here in my php file :
    PHP Code:
    <div>
        <
    input type="text" id="corporateList" size="20"/>
    </
    div
    The matter is that nothing is inside my ComboBox....

    Is there someone to help me on this ?

    Thanks a lot.

  2. #2
    Ext User
    Join Date
    Jan 2008
    Location
    Foix - Toulouse -- France
    Posts
    52
    Vote Rating
    0
    GobbaF is on a distinguished road

      0  

    Default


    Hi,
    I've the same problem that yours but I used JsonStore in place of JsonReader.

    Here is my JSON response from get-thema.php :
    Code:
    {"thema":[{"id":1,"name":"Foret"},{"id":2,"name":"Emploi"}]}
    I'm trying to display this JSON in a combobox :
    [CODE]var themaList = new Ext.data.Store({
    proxy: new Ext.data.HttpProxy({url: './get_thema.php'}),
    autoLoad: true,
    reader: new Ext.data.JsonStore({
    root: 'thema',
    fields: [
    {name: 'id'},
    {name: 'name'}
    ]
    })
    });

    var combo = new Ext.form.ComboBox({
    fieldLabel: 'Organisme',
    store: themaList,
    displayField: 'name',
    valueField: 'id',
    forceSelection: true,
    editable: false,
    mode: 'local',
    triggerAction: 'all',
    selectOnFocus: true,
    emptyText: 'S

  3. #3
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      0  

    Default


    You need to load the store yourself if you set mode:'local'.

  4. #4
    Ext User
    Join Date
    Jan 2008
    Location
    Foix - Toulouse -- France
    Posts
    52
    Vote Rating
    0
    GobbaF is on a distinguished road

      0  

    Default


    Thanks for help,

    autoLoad option is not the same that myStore.load() method ?
    With the two configurations, my combobox is empty.

  5. #5
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      0  

    Default


    It would help if you used:

    Code:
    var themaList = new Ext.data.Store({
      proxy: new Ext.data.HttpProxy({url: 'test2.json'}),
      autoLoad: true,
      reader: new Ext.data.JsonReader({
        root: 'thema',
        fields: [
    	  {name: 'id'},
    	  {name: 'name'}
        ]
      })
    });

  6. #6
    Ext User
    Join Date
    Jan 2008
    Location
    Foix - Toulouse -- France
    Posts
    52
    Vote Rating
    0
    GobbaF is on a distinguished road

      0  

    Default


    Great, thank you.
    It's working now.

    But I think I don't understand the difference between JsonReader and JsonStore.

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar