Ext.picker.Date updateDayText

[Kurt001]

Hi,
either I did not understand how to use the updateDayText method or it simply never worked.
Here is my override:

/**
 * @author: Torsten Dinkheller (Mobile Game Design e.K., Germany)
 * 
 * Updates the methods for the dayText, monthText, yearText
 */
Ext.define('App.override.picker.Date', {
    override: 'Ext.picker.Date',


    /**
     * Updates the monthText configuration
     */
    updateMonthText: function(newMonthText, oldMonthText) {
        this.updateDateText(newMonthText, oldMonthText);
    },


    /**
     * Updates the dayText configuraton
     */
    updateDayText: function(newDayText, oldDayText) {
        this.updateDateText(newDayText, oldDayText)
    },


    /**
     * Updates the yearText configuration
     */
    updateYearText: function(newYearText, oldYearText) {
        this.updateDateText(newYearText, oldYearText);
    },


    /**
     * Updates the Text configuration for day, month, year
     */
    updateDateText: function(newText, oldText) {
        var innerItems = this.getInnerItems(),
            ln = innerItems.length,
            item, i;


        //loop through each of the current items and set the title on the correct slice
        if (this.initialized) {
            for (i = 0; i < ln; i++) {
                item = innerItems[i];


                if ((typeof item.getTitle() == "string" && item.getTitle() == oldText) || (item.getTitle().getHtml() == oldText)) {
                    item.setTitle(newText);
                }
            }
        }
    }
});

[mitchellsimoens]

And how are using it?

[Kurt001]

First of it already was in the Date.js, I just fixed it, as it did not work before.

Here is an example on how to use it:

Controller:

config: {
    refs: {
        desiredDatePicker: 'datepicker'
    },
    control: {
        desiredDatePicker: {
            show: function(){
                this.getDesiredDatePicker().updateDayText('Tag', 'Day');
            },
        }
    }
}

[mitchellsimoens]

You aren't understanding the whole concept of the configs. Each config within the config object will get a getter and setter method created. The getter will simply return the value of the property the setter however does more than just sets the property. When the setter method is executed it first looks to see if there is an applier method. If there is it will execute that applier method that can transform the value into something and returns that. It then sets the property. Then it will see if there is an updater method, if there is then it will execute that updater method. The updateDayText is an updater method so you shouldn't really call it but call it's setter method.

[Kurt001]

So, what you are saying is, that the original works:

/**     * Updates the monthText configuration
     */
    updateMonthText: function(newMonthText, oldMonthText) {
        var innerItems = this.getInnerItems,
            ln = innerItems.length,
            item, i;
...

So the first line -
this.getInnerItems
- works without brackets?

Why is it this.getInnerItems and not this.getInnerItems()?

[mitchellsimoens]

No, I'm saying you shouldn't execute updateMonthText but execute setMonthText instead and that setter will then execute updateMonthText for you.

[Kurt001]

. When you asked me for an example on how to use it, I had to come up with an example.
So I gave that example to you.

Usually I am only using 'get' and 'set' so this seems to be a big misunderstanding.
Anyways thanks for sharing the knowledge so that I know now why to only use the get and set and you helped me finding the right code example, which should have been:

config: {
    refs: {
        desiredDatePicker: 'datepicker'
    },
    control: {
        desiredDatePicker: {
            show: function(){
                // set 'Tag' which is the German word for  'day'
                this.getDesiredDatePicker().setDayText('Tag');
            },
        }
    }
}

right?