Учебники

Ext.js — Данные

Октябрь 1, 2018

Пакет данных используется для загрузки и сохранения всех данных в приложении.

Пакет данных имеет множество классов, но наиболее важные классы —

  • модель
  • хранить
  • полномочие

модель

Базовый класс для модели — Ext.data.Model . Он представляет сущность в приложении. Он связывает данные магазина для просмотра. Он имеет отображение объектов данных бэкэнда в представление dataIndex. Данные извлекаются с помощью магазина.

Создание модели

Для создания модели нам нужно расширить класс Ext.data.Model, а также определить поля, их имя и отображение. 

Ext.define('StudentDataModel', {
   extend: 'Ext.data.Model',
   fields: [
      {name: 'name', mapping : 'name'},
      {name: 'age', mapping : 'age'},
      {name: 'marks', mapping : 'marks'}
   ]
});

Здесь имя должно совпадать с dataIndex, который мы объявляем в представлении, а сопоставление должно соответствовать данным, статическим или динамическим из базы данных, которую нужно извлечь с помощью store.

хранить

Базовый класс для магазина — Ext.data.Store . Он содержит локально кэшированные данные, которые должны отображаться при помощи объектов модели. Store извлекает данные с использованием прокси-серверов, путь к которым определен службами для извлечения внутренних данных.

Данные хранилища могут быть получены двумя способами — статическими или динамическими.

Статический магазин

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

Ext.create('Ext.data.Store', {
   model: 'StudentDataModel',
   data: [
      { name : "Asha", age : "16", marks : "90" },
      { name : "Vinit", age : "18", marks : "95" },
      { name : "Anand", age : "20", marks : "68" },
      { name : "Niharika", age : "21", marks : "86" },
      { name : "Manali", age : "22", marks : "57" }
   ];
});

Динамический Магазин

Динамические данные могут быть получены с помощью прокси. У нас может быть прокси, который может извлекать данные из Ajax, Rest и Json.

полномочие

Базовый класс для прокси-сервера — Ext.data.proxy.Proxy. Прокси-сервер используется моделями и магазинами для загрузки и сохранения данных модели.

Есть два типа прокси

  • Клиентский прокси
  • Прокси сервера

Клиентский прокси

Клиентские прокси включают в себя память и локальное хранилище, используя локальное хранилище HTML5.

Прокси сервера

Серверные прокси обрабатывают данные с удаленного сервера с использованием Ajax, Json data и службы Rest.

Определение прокси на сервере

46
Share: