Event SelectField Sencha Touch 2.1 and Using Store and Model in it. (in Sencha Architect 2)

Question

I begin learn about Sencha Touch 2. So, I have had many problems to ask! ^^ Let's research it. Now I have a data json like:

{ result: "SUCCESS", national: [ "Afghanistan", "Albania", "Albania", "Algeria", "American Samoa", "Andorra" ] }

Then, I will load it from url: nation.php file. How can i load it to My Select Field.??????

Share and Support to me.! Thanks :).

Answer 1

I don't know how to do this in Sencha Architect 2 ( i am not using it).. but still

Instead of asking question without try (I mean you didn't post tried code here), Better you start with Sencha Touch Documentation.

Anyway, you can do it as follows

Model

Ext.define('AppName.model.countries', {
    extend : 'Ext.data.Model',

    config: {
        fields: [
               {name: 'name', convert: function(value, record) {
                                return record.raw;
               }}
            ],
    }
});

Store

var myStore = Ext.create("Ext.data.ArrayStore", {
  model : 'AppName.model.countries',
  proxy: {
    type: "ajax",
    url : "nation.php",
    reader: {
        type: 'json',
        rootProperty : function(data) {
            return data.national;
        }
    }        
    },
    autoLoad: true
 });

Select Field in View

 Ext.create('Ext.form.Panel', {
    fullscreen: true,
    items: [{
       xtype: 'selectfield',
       store: myStore ,
       valueField:'name',
       displayField:'name'
    }]
});