How to pre-populate a Select menu UI item on Load of the Card (View)

[mailboxo71]

Hi,

I like to know this, is there a way to pre-populate a Select menu UI item on Load of a Card that its in.

It like this, my app has a main menu that contains a button that pulls up the member settings card (screen) that contains a number of Select Menu UI items that I want to pre-populate with data from the database. Please let me know if thats possible and doable.

thanks in advance.

[d5chris]

If you're using a Ext.form.Select, it has a 'store' property for just this purpose, so you should be able to do that. Eg set up a model and store to pull from your database, and bind the select to that store. Something like that...

[mailboxo71]

Sounds easy enough but there's no sample code that actually shows how to do what you said. Especially from a Database.

Thanks anyway. but I do need sample codes

[d5chris]

Sure:

Ext.regModel('MyOption', {
    fields: [
        {name: 'text', type: 'string'},
        {name: 'value',  type: 'string'}
    ]
});

var myStore = new Ext.data.Store({
    model: 'MyOption',
    proxy: {
        type: 'ajax',
        url : '/return-my-options-from-database.json.php',
        reader: {
            type: 'json',
            root: 'users'
        }
    },
    autoLoad: true
});
...
new Ext.form.Select({
    store: myStore,
    displayField: 'text', // This is the default and you could remove it
    valueField: 'value' // Ditto
});

[mailboxo71]

/// Here's my additional dilemma that I still need help.
/// There are like five select menus that will display all the same data from the store.

/// Here's the thing, each select menu will have a different selected item base on user settings store
in the database.

I can tell you now, the items are a list of neighborhoods and the each select menu will have a different
neighborhood pre-selected onLoad of the card.

I know how to do this in regular website in PHP, but I definately have trouble doing it with this framework.

[d5chris]

That should be fine, simply have 5 selects all with store: myStore