load and manage stores in dropdownlists

[ris]

beispiel.jpg

1. i have a problem whit loading store items in a dropdown list what have i to do?
2. how can i rename the back button text? defaultBackButtonText won't work
3. in the moment i'm testing it by myself
4. is there an example to list stores like the example for sencha touch 1.x?

many examples that i saw are whit entries in the store. i shoud have an empty store for my app. i fill the store at point 4.

thanks
eis

[mitchellsimoens]

For the back button text, are you adding items when the navigation view is created? If so then you can do this:

Ext.Viewport.add({
    xtype                 : 'navigationview',
    defaultBackButtonText : 'Somewhere',
    navigationBar         : {
        defaultBackButtonText : 'Somewhere'
    },
    items                 : [
        {
            title : 'Home',
            html  : 'Home'
        },
        {
            title : 'New',
            html  : 'New'
        }
    ]
});

Unfortunately the defaultBackButtonText on the navigation view doesn't get set on the navigation bar until after everything so the code above in red will set the defaultBackButtonText at navigation bar creation.

For dropdown lists... do you mean selectfield otherwise I'm not sure what you are talking about.

For list stores, so you just want to know how to add data to a store after the store is created?

[ris]

thanks for your fast answer.
i try it when i'm back. in the viewport i just had that code:

Ext.Viewport.add({
xclass...

i'm sorry. yes i meant selectfields.

yes i would add new (dynamic) data in the localstorage (as new settings for the functions), but the store must have first no entries. the user adds new entries by the first time he use the app

[ris]

now its working whit the peace of code from you for the back button text. but i don't understand why the tabbar now is disapeard.

app.js

Ext.application({
    name: 'Sencha',

    controllers: ['Main'],
    views:  ['Main'],
    stores: ['MoreCards'],

    launch: function() {
        Ext.Viewport.add({
 xtype                 : 'navigationview',
 defaultBackButtonText : 'Somewhere',
 navigationBar         : {
 defaultBackButtonText : 'Somewhere'
 },
 items                 : [
 {
 title : 'Home',
 html  : 'Home'
 },
 {
 title : 'New',
 html  : 'New'
 }
 ]
 });
/*Ext.Viewport.add({
            xclass: 'Sencha.view.Main'
        });*/
    }
});

main.js

Ext.define('Sencha.view.Main', {
    extend: 'Ext.TabPanel',
    requires: [
        'Sencha.view.Settings',
        'Sencha.view.More',
        'Sencha.view.Search',
        'Sencha.view.Chart'
    ],

    config: {
        tabBar: {
            docked: 'bottom',
            layout: {
                pack: 'center'
            }
        },
        items: [
            { xtype: 'settingscard' },
            { xtype: 'morecard' },
            { xtype: 'chartcard' },
            { xtype: 'searchcard' }
        ]
    }
});

am i doing the same misstake like the last time? i mix sencha touch version 1 and 2? or are there different ways to say "you are the titlebar-element. and you are the tabbar-element."?

maybe i'm stupid or don't know where to read tutorials or hints in the forum? ;-)