Ux.locale.Manager

[urmilsetia]

Hi mitchellsimoens, Really nice extension.

I have just one question, I am making an app for iOS and Android now when user changes the locale of the iOS device(from settings), does it automatically get the locale from the OS or I have get it to sencha layer and update it?

Or should I, on application launch find the language using ​window.navigator.language and based on that decide the locale

[armode]

I think this is all up to you.

In my case, there is a default language for the first launch, which is set in a server config file. After that the user is able to change the language in app settings and this is stored in HTML5 local storage.

But as I wrote, this is all up to you. Locale Manager just gives you the possibility to override almost all touch components and get a language file via ajax.

Have a look into the example on github; it's in the "st" folder...

[mitchellsimoens]

Just posting a link to a blog post that does a really good job at describing how to use this: http://www.swarmonline.com/2013/02/l...ocale-manager/

[arael78]

 Ext.define("USIMobile.view.Calendar", {	extend: 'Ext.dataview.List',
	xtype: 'calendar',


	config: {
		id: 'calendar',
		locale: {
			title: 'title.calendar', 
		},
		emptyText: 'No info available.',
		itemTpl: '{[values.id != "academiccalendar" ? values.title : values.title + USIMobile.Session.getAcademicCalendarStore().first().get("year")]}',
	},
});

How do I fix the code to make it work with components not included in the Ux/locale/override/st directory?

In this case I'm not able to set the title according to the lang.json definitions. Should I add Ux.local.override.st.DataView and Ux.local.override.st.List classes?

What would be the best approach to include the support for List component and for all other components I extend?

Thank you very much.

[arael78]

How do I set a locale for the Panel title?

[mitchellsimoens]

How do I set a locale for the Panel title?

Sencha Touch Panels don't have a title.

[arael78]

You are right indeed.

But I don't understand. If I extend the Ext.form.Panel or Ext.dataview.List and set the title in the config object it is displayed correctly. I use Navigation view to navigate between various views. Where is then set the title and is there a way to use Ux.locale.Manager in this case?

Here is a the code:

 Ext.define("USIMobile.view.Courses", {        extend: 'Ext.dataview.List',
        xtype: 'courses',


        config: {
                id: 'courses',
                title: 'Courses', 
                emptyText: 'No courses found.',
                itemTpl: '{title}',
                grouped: true
        }
});

This is the controller function that displays the view above:

 listCourses: function() {
                this.filterCoursesStore();
                if(typeof this.getCourses() == 'object') {
                        this.getCourses().refresh();
                        this.getCourses().setTitle(Ux.locale.Manager.get('title.courses'));
                        this.getHome().push(this.getCourses());
                } else {
                        this.getHome().push({
                                xtype: 'courses',
                                title: Ux.locale.Manager.get('title.courses'),
                                store: USIMobile.Session.getCoursesStore()
                        });
                }
        },

So this doesn't work: this.getCourses().setTitle(Ux.locale.Manager.get('title.courses'));
because the Ext.dataview.List doesn't have setTitle.

But pushing the new object in the navigationview sets the title.

[mitchellsimoens]

That's because the navigation view uses it (same for tab panel) but the panel, form panel, list, etc do not use it. So if you want the dynamic updating of titles in a navigation view you will have to work with both the panel and the navigation view.

[arael78]

So this means that I should overwrite the Ext.Navigation.view and get it to read the locales object from the panel or list that is visible?

[nbourdeau]

So this means that I should overwrite the Ext.Navigation.view and get it to read the locales object from the panel or list that is visible?

Hi, same need here! Did you found out how to override to get this working ?
@Mitchell can you provide some starting point on how to do this?

thanks