Ux.locale.Manager

[arael78]

When I use the Ux.locale.Manager with datepickerfield it doesn't show up and raises an error on the first click. On the second click everything works, the months are translated.

Here is the code:

Ext.define("USIMobile.view.SearchSportActivity", {
    extend: 'Ext.form.Panel',
    xtype: 'searchsportactivityform',
    fullscreen: true,
    
    requires: [
        'Ext.TitleBar',
        'Ext.form.FieldSet',
        'Ext.field.Text',
        'Ext.field.Select',
        'Ext.picker.Date',
        'Ext.field.DatePicker',
    ],


    config: {
        id: 'searchsportactivityform',
        items: [
            {
                xtype: 'fieldset',
                items: [
                    {
                        xtype: 'textfield',    
                        name: 'name',
                        locales: {
                            label: 'label.name'
                        }
                    },
                    {
                        xtype: 'selectfield',
                        name: 'category',
                        locales: {
                            label: 'SelectFieldCategory.label',
                            options: 'SelectFieldCategory.options'
                        },
                        usePicker: false,
                        
                    },
                    {
                        xtype: 'datepickerfield',    
                        name: 'from',
                        locales: {
                            label: 'label.from',
                        },
                        dateFormat: 'd M Y',
                        picker : {
                            enableLocale : true,
                            locales      : {
                                months : 'months'
                            },
                            yearFrom: 2013,
                        },
                    },
                    {
                        xtype: 'datepickerfield',    
                        name: 'to',
                        locales: {
                            label: 'label.to',
                        },
                        dateFormat: 'd M Y',
                        picker : {
                            enableLocale : true,
                            locales      : {
                                months : 'months'
                            },
                            yearFrom: 2013,
                        },
                    },
                    {
                        xtype: 'button',
                        locales: {
                            text: 'button.search',
                        },
                        ui: 'confirm',
                        action: 'search',    
                    }


                ]
            }
        ]
    },
}

This is the error:

Uncaught TypeError: Cannot set property 'innerHTML' of undefined Container.js:191
Ext.define.updateListItem Container.js:191
Ext.define.onStoreUpdate DataView.js:1030
Ext.define.doFire Controller.js:199
Ext.define.fire Controller.js:126
Ext.define.doDispatchEvent Dispatcher.js:347
Ext.define.dispatchEvent Dispatcher.js:328
Ext.define.doFireEvent Observable.js:256
Ext.define.fireEvent Observable.js:214
Ext.define.afterEdit Store.js:1348
Ext.define.notifyStores Model.js:1161
Ext.define.afterEdit Model.js:1123
Ext.define.set Model.js:821
(anonymous function) Date.js:26
Ext.define.each Collection.js:523
Ext.define.each Store.js:1244
Ext.define.setLocale Date.js:24
Ext.define.getPicker DatePicker.js:11
Ext.define.onFocus DatePicker.js:357
Ext.define.onMaskTap DatePicker.js:297
Ext.define.doFire Controller.js:199
Ext.define.fire Controller.js:126
Ext.define.doDispatchEvent Dispatcher.js:347
Ext.define.dispatchEvent Dispatcher.js:328
Ext.define.doFireEvent Observable.js:256
Ext.define.fireAction Observable.js:245
Ext.define.onMaskTap Input.js:613
Ext.define.doFire Controller.js:199
Ext.define.fire Controller.js:126
Ext.define.doDispatchEvent Dispatcher.js:347
Ext.define.dispatch Publisher.js:65
Base.implement.callParent sencha-touch.js:4616
Ext.define.dispatch Dom.js:252
Ext.define.doPublish Dom.js:294
Ext.define.publish Dom.js:259
Base.implement.callParent sencha-touch.js:4616
Ext.define.publish TouchGesture.js:225
Ext.define.onRecognized TouchGesture.js:209
Ext.define.fire Recognizer.js:58
Ext.define.onTouchEnd Tap.js:60
Ext.define.invokeRecognizers TouchGesture.js:275
Ext.define.onTouchEnd TouchGesture.js:426
override.processEvent TouchGesture.js:498
Ext.define.onEvent TouchGesture.js:102
Base.implement.callOverridden sencha-touch.js:4734
override.onEvent TouchGesture.js:494
(anonymous function) sencha-touch.js:3182

Any help? Please let me know if you need more info.

[armode]

This is a known issue: https://github.com/mitchellsimoens/U...ager/issues/19

I fixed that and Mitchell merged it today, so the issue could be closed.

Also I extended the translation options of the datepickerfield. Now you can set the slotorder and the slot titles: https://github.com/Odi55555/Ux.local...f0c8fc8f5322cf