Extjs выбор даты. Выделение дат изменения месяца

Я выделяю несколько дат в месяц, когда отображается выбор даты. Это делается путем добавления функции highlightDates в компонент выбора

Ext.override(Ext.form.field.Picker, {

    highlightDates: function (picker, dates) {

        if (Ext.isEmpty(dates)) return;
        for(var i = 0; i < dates.length; i++) {
            var t = new Date(dates[i].date),
                dtMillis = t.getTime(),
                offset = t.getTimezoneOffset() * 60 * 1000,
                dt = dtMillis + offset,
                cells = picker.cells.elements;  

            for (var c = 0; c < cells.length; c++) {
                var cell = Ext.fly(cells[c]);
                if (cell.dom.firstChild.dateValue == dt) {
                    cell.addCls('cell-highlight');
                    break;
                }
            }
        }
    }
});

объект dates, переданный в функцию выше, является переменной, заданной из вызова Ajax в контроллере.

getDates: function (cmp) {
    var me = this;
    Ext.Ajax.request({
        url: 'someurl',
        success: function (response) {
            me.specificDates = Ext.JSON.decode(response.responseText).specificDates;
        }
    });
}

контроллер также содержит функцию, которую вызовет слушатель расширения выбора даты.

setDatesToHighlight: function(picker){  
    picker.highlightDates(picker.picker,this.specificDates);
}

наконец, это вызывается, когда выбор даты становится видимым использование слушателя expand

items: [{
    xtype: 'datefield',
    editable: false,
    listeners: {
        expand: 'setDatesToHighlight'
    }
}]

это все работает нормально, пока я не изменю месяц в сборщике. Кажется, я не могу снова запустить функцию контроллера setDatesToHighlight, чтобы выбранные даты месяцев были выделены.

Я думал, что могу переопределить метод update на сборщике, но у меня возникли трудности с получением объекта dates, который мне нужно передать функции highlightDates.

Спасибо за любой совет.

7
extjs

1 ответов

вы можете запустить событие при каждом обновлении, переопределив Ext.picker.Date вместо Ext.form.field.Picker и добавление переопределения для как:

Ext.override(Ext.picker.Date, {

    update: function (e) {
        var res = this.callParent(arguments);

        if (!this.pickerField) {
            return res;
        }

        this.pickerField.fireEvent('update', this);

        return res;
    },

    highlightDates: function (picker, dates) {
       . . .
    }
});

теперь вы можете изменить слушателя от expand до update.

пример: https://fiddle.sencha.com/#view/editor&fiddle/1l94

5