Как получить массив данных JSON из магазина ExtJS

Question

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

var data = ["value1", "value2"]
Store.loadData(data);

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

Наверное, я ищу что-то вроде этого:

var data = Store.getData();
//data = ["value1", "value2"]

после того, как все сказано и сделано. Или есть другой способ обновить сетку новыми данными, о которых я не знаю. Даже при использовании прокси все равно используются «оригинальные» данные, а не новое хранилище.

Answer 1

Store.getRange(), кажется, именно то, что вы ищете. Он вернет вам Ext.data.Record[] - массив записей. Если аргументы не переданы, возвращаются все записи.

Answer 2

Однострочный подход:

var jsonData = Ext.encode(Ext.pluck(store.data.items, 'data'));

Не очень красиво, но довольно коротко.

Answer 3

 function getJsonOfStore(store){
        var datar = new Array();
        var jsonDataEncode = "";
        var records = store.getRange();
        for (var i = 0; i < records.length; i++) {
            datar.push(records[i].data);
        }
        jsonDataEncode = Ext.util.JSON.encode(datar);

        return jsonDataEncode;
    }

Answer 4

Попробуйте это:

myStore.each( function (model) {
    console.log( model.get('name') ); 
}); 

Answer 5

Вам не нужно создавать циклы и собирать / обрабатывать данные. Нужный объект json находится здесь:

var jsonData = store.proxy.reader.jsonData;

Answer 6

Вот еще один простой способ:

var jsonArr = [];
grid.getStore().each( function (model) {
    jsonArr.push(model.data);
});

Answer 7

Простой способ сделать это -

var jsonArray = store.data.items

Так что, если ваш магазин JSON

[{"text": "ABC"}, {"text": "DEF"},{"text": "GHI"},{"text": "JKL"}]

Затем вы можете восстановить "DEF" как

jsonArray[1].data.text

В следующем коде я заметил, что он преобразует каждый символ в элемент массива.

var jsonData = Ext.encode(Ext.pluck(store.data.items, 'data'));

Answer 8

В моем случае я хотел javascript неровный массив, например [["row1Cell1", "row1cell2"], ["row2Cell1", "row2cell2"]] на основе содержимого хранилища сетки Ext.

javascript, как показано ниже, создаст такой массив, удалив ключ id в объекте, который мне не нужен.

var tableDataArray = [];
Ext.ComponentQuery.query('[name="table1"]')[0].store.each(function(record){
    var thisRecordArray = [];
    for (var key in record.data) {
        if (key != 'id') {
            thisRecordArray.push(record.data[key]);
        }
    }
    tableDataArray.push(thisRecordArray);
});

Answer 9

Как предложено выше, я попробовал ниже один с ошибкой.

store.proxy.reader.jsonData

Но у меня работало менее одного

store.proxy.reader.rawData

Answer 10

Если вы хотите получить данные в точности так же, как вы получаете Writer (например, игнорируя поля с persist:false config), используйте следующий код (Примечание: я проверял это в Ext 5.1)

  var arr = [];   

    this.store.each(function (record) {
        arr.push(this.store.getProxy().getWriter().getRecordData(record))
    });