JQuery EasyUI Data Grid - добавить компонент разбиения на страницы
Этот пример демонстрирует, как загрузить данные с сервера, как добавить вкладки компонент (разбиения на страницы) в сетке данных (DataGrid).
Создание сетки данных (DataGrid)
Для загрузки данных с удаленного сервера, вы должны установить свойство "URL" в вашем сервере должен возвращать JSON отформатированные данные. См Data Grid (DataGrid) документация для получения дополнительной формата данных информации о нем.
<Идентификатор таблицы = класс "тт" = "easyui-DataGrid" стиль = "ширина: 600px; высота: 250px" URL = "datagrid2_getdata.php" название = "Загрузка данных" iconCls = "Значок-сохранить" rownumbers = "истина" = пагинация "истина"> <THEAD> <Tr> <Th поле = "ItemId" ширина = "80"> Item ID </ й> <Th поле = "ProductID" ширина = "80"> Идентификатор продукта </ й> <Th поле = "Коек Стоимость" ширина = "80" выровнять = "право"> Цены </ й> <Th поле = "unitcost" ширина = "80" выровняйте = "право"> себестоимость единицы продукции </ й> <Th поле = "attr1" ширина = "150"> Атрибут </ й> <Th = поле "статус" ширина = "60" выровняйте = "центр"> Stauts </ е> </ TR> </ THEAD> </ Table>
Определим столбец таблицы данных (DataGrid), и установите свойство 'нумерацией страниц' истинно, он будет генерировать страницы (нумерация страниц) панели инструментов в нижней части сетки данных (DataGrid) из. разбиение на страницы будет посылать два параметра на сервер:
- страница: номер страницы начальное значение 1.
- Строки: строк на странице.
Код на стороне сервера
? $ Page = Исеть ($ _ POST [ 'страница']) intval ($ _ POST [ 'страница']): 1; ? $ Ряды = Исеть ($ _ POST [ 'строки']) intval ($ _ POST [ 'строки']): 10; // ... $ Rs = mysql_query ( "SELECT COUNT (*) из пункта"); $ Row = mysql_fetch_row ($ RS); $ Результат [ "всего"] = $ строки [0]; $ Rs = mysql_query ( "SELECT * FROM предела элемента $ смещения, $ строк"); $ = Items массив (); в то время как ($ строка = mysql_fetch_object ($ RS)) { array_push ($ элементов, $ строка); } $ Результат [ "строки"] = $ элементов; эхо json_encode ($ результат);