Как работает jqGrid

Цикл статей «Документация jqGrid на русском».

Следующая статья — «Установка jqGrid».

Знание, как устроен jqGrid, поможет вам использовать все возможности плагина. Первое, что нужно понять, есть два аспекта работы с данными:

  • Клиентское отображение
  • Манипуляция данными на сервере

Плагин jqGrid использует Ajax-вызовы для получения информации и построения таблицы в браузере, используя jqGrid Column Model (colModel).

Более того jqGrid помогает отправлять любые изменения данных на сервер (server-side manipulation, SSM).

SSM означает, что сервер, а не браузер, хранит текущее состояние базы данных. SSM — это не то, что видно на WEB-странице. Изменения данных на сервере производятся с помощью PHP, Java или любых других серверных языков.

Таблица jqGrid состоит из четырёх частей:

  • Заголовок
  • Заголовки колонок
  • Тело
  • Навигация (панель навигации)

jqGrid-parts

Заголовок состоит из общей информации об отображаемых данных.

Заголовки колонок состоят из общей информации о колонках: надписи, ширина и т. п.

Тело  — это данные, полученные с сервера, и отображаемые в соответствии с настройками  в colModel.

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

Минимальная часть — это заголовок и тело.

Для большей свободы и гибкости jqGrid полагается на CSS для определения своего внешнего вида.

В более изощрённом виде таблица может иметь больше элементов, панелей и кнопок.

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

Таблица также может иметь возможности сортировки, изменения размера колонок, перетаскивание колонок и другие.

Цикл статей «Документация jqGrid на русском».

Следующая статья — «Установка jqGrid».


Поделиться:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.

*