Extjs: Как использовать запись магазина в качестве магазина для сетки

Question

Обзор того, что мне нужно для достижения: Я работаю с Ext в течение нескольких месяцев. Я использую js с навсегда. Выполнение этого в любых других рамках или с помощью только jquery было бы простым делом. В угловом режиме я просто использую ng-grid для отображения данных за выбранный день. Пытаясь понять это в Ext, у меня болит голова.

У меня есть JSON данных, которая выглядит очень похоже на это ...

{ 
    "Id":"1", 
    "Sunday":[ 
     {"Start":"10:15","End":"17:45"}, 
     {"Start":"20:00","End":"23:00"}, 
     {"Start":"00:15","End":"06:15"}, 
     {"Start":"08:00","End":"10:00"} 
    ], 
    "Monday":[], 
    "Tuesday":[], 
    "Wednesday":[], 
    "Thursday":[], 
    "Friday":[], 
    "Saturday":[] 
} 

То, что я на самом деле нужно сделать: У меня есть два элемента управления на ExtJS 3.4.0 страница/панель/все:

1. Ext Combo Box (выпадающий список), содержащие дни недели (возможно, из магазина)
2. сетка Ext для отображения массив вещей для этого дня

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

для повторной итерации: у меня возникают проблемы с тем, чтобы моя голова была в том, чтобы использовать запись магазина в качестве хранилища для заполнения сетки.

В идеале, я бы населён arrayStore с данными JSON и просто использовать строку:

new Ext.grid.EditorGridPanel({ 
... 
    store: new Ext.data.Store(data: arrayOfSchedules[drodown.getValue()]) 
... 
}) 

Я могу предоставить plunker или что-то подобное, если это то, что он принимает. Формат данных действительно определяет все.

Answer 1

Вам не нужно создавать новые сетки/хранилища при каждом выборе комбо. Вы можете извлечь данные из выбранного дня (воскресенье), а затем вы можете использовать grid.store.loadData для обновления сетки.