ExtJS: несколько JsonStores из одного вызова AJAX?

Question

У меня есть приложение на основе ExtJS. При редактировании объекта появляется окно ExtJS с несколькими вкладками. Три из этих вкладок имеют Ext GridPanels, каждая из которых отображает различные типы данных. В настоящее время каждый GridPanel имеет свой собственный JsonStore, то есть всего четыре AJAX-запроса к серверу - один для javascript для создания окна и один для каждого из JsonStores. Есть ли способ, чтобы все три JsonStores могли читать с одного вызова AJAX? Я могу легко объединить все данные JSON, каждый из которых в настоящее время имеет свое свойство root.

Редактировать : это Ext 2.2, а не Ext 3.

Answer 1

Объект javascript, созданный из ответа JSON, доступен в yourStore.reader.jsonData при запуске события магазина load. Например:

yourStore.on('load', function(firstStore) {
   var data = firstStore.reader.jsonData;
   otherStore.loadData(data);
   thirdStore.loadData(data);
}

EDIT: Чтобы уточнить, каждому магазину потребуется отдельное свойство root (что вы уже делаете), чтобы каждый получал нужные данные.

{
   "firstRoot": [...],
   "secondRoot": [...],
   "thirdRoot": [...]
}

Answer 2

Вы можете получить JSON напрямую с помощью AjaxRequest, а затем передать его в метод loadData () каждого JSONStore.

Answer 3

Вы можете сделать это, используя Ext.Direct, где вы можете сделать несколько запросов за одно соединение.

Answer 4

Другой фантастический способ - использовать Ext.Data.Connection () , как показано ниже:

var conn = new Ext.data.Connection();
    conn.request({
        url: '/myserver/allInOneAjaxCall',
        method: 'POST',
        params: {
           // if you wish too
        },
        success: function(responseObj) {
            var json = Ext.decode(responseObj.responseText);

           yourStore1.loadData(json.dataForStore1);
           yourStore2.loadData(json.dataForStore2);            

        },
        failure: function(responseObj) {
            var message = Ext.decode(responseObj.responseText).message;
            alert(message);

        }
    });

Это сработало для меня.

Answer 5

Может быть, вам поможет HTTP-кеширование. Объедините ваши данные json, убедитесь, что ваши JsonStores используют GET, и посмотрите Firebug, чтобы убедиться, что 2-й и 3-й запросы не отправляются на сервер. Возможно, вам понадобится установить заголовок с истекшим сроком давности в этом ответе json, что может быть бесполезно, если вы ожидаете, что данные будут часто меняться.