Постоянная ссылка

12 Responses to “jQuery Grid Plugin. Отображение табличных данных”

1.  Alexander Says:
   

   Cubique - datagrid for Zend Framework and jQuery https://plutov.by/post/cubique_zf_jquery

2.  Никита Buzzman Says:
   

   Парни, подскажите, пожалуйста, по сортировке в jqGrid - есть столбец “Num” (например), как данные отсортировать так, чтобы сначала шли строки со значением 1,2,3,…20..50, а потом строки с пустым значением NUM. Сейчас, просто напросто, если установить сортировку в ASC сначала идут записи с пустыми ячейками, а потом только с номера от 1 и далее. Спасибо заранее.

3.  Игорь Тельменко Says:
   

   Вопрос скорее по построению sql-запроса. Думаю зависит от СУБД. Навскидку, я бы включил в выдачу еще один параметр типа Num IS NULL и сортировалбы по нему, а затем по Num.
   Типа:
   select id, num, num is NULL as n from table
   order by n, num

4.  Никита Buzzman Says:
   

   Спасибо, Игорь, за ответ. Действительно решение было в построении запроса. Сделал ORDER BY (IF field IS NULL, 0, 1), field - теперь все замечательно.

   А вы много использовали этот плагин - у меня было бы еще несколько вопросов.
   Проблема в том, что у меня плохо с англ. и не все описания методов и событий я понимаю верно. Приходится много методом “тыка” пробывать.

5.  Игорь Тельменко Says:
   

   В паре серьезных проектов его использовал. Постараюсь ответить на вопросы.

6.  Павел Says:
   

   Друзья, не подскажете, где я дурак? Пытаюсь заюзать грид с аяксом(json), но не взлетает. При этом данные от серверного скрипта возвращаются на страницу успешно, но не отображаются в гриде. Навигация при этом работает(т.е. количество страниц и номер текущей страницы соответствуют тем, которые должны быть). Уже делаю таблицу из двух столбцов, заполняются в цикле - результат нулевой.
   Код HTML/js:

   ...
    
       $(function(){
                   $('#table').jqGrid({
   				  width:400,
                     url:'/fe.php',
                     datatype: 'json',
                     mtype: 'GET',
                     colNames:['id','name'],
                     colModel :[
                       {name:'id', index:'id', width:80},
                       {name:'name', index:'name', width:80},
                      ],
                     pager: $('#tablePager'),
                     rowNum:10,
                     rowList:[10,20,30,100],
                     sortname: 'id',
                     sortorder: 'asc',
                     caption: 'Загрузка JSON данных',
                     rownumbers: true,
                     rownumWidth: 40
                   });
       });

   формирование json:

   class myData{}
    
   $page = $_GET['page'];
   $limit = $_GET['rows'];
   $sidx = $_GET['sidx'];
   $sord = $_GET['sord'];
    
   if(!$sidx) $sidx =1;
   $count = 100;
    
   if( $count > 0 && $limit > 0)
   {
   $total_pages = ceil($count/$limit);
   }
   else
   {
   $total_pages = 0;
   }
   if ($page > $total_pages) $page=$total_pages;
   $start = $limit*$page - $limit;
   if($start <0) $start = 0;
    
   $data = new myData();
   $data->page = $page;
   $data->total = $total_pages;
   $data->records = $count;
    
   for($i=1; $i<=$count;$i++) {
   $data->rows[$i][id] = $i;
   $data->rows[$i][cell]=array(”name{$i}”);
   }
    
   //header(”Content-type: text/script;charset=utf-8″);
   echo json_encode($data);

   json пробавал формировать посылая заголовок, и без него. При $cnt=1 получается следующая структура файла: {”page”:1,”total”:1,”records”:1,”rows”:{”1″:{”id”:1,”cell”:["name1"]}}}

7.  Игорь Тельменко Says:
   

   Похоже, что неверный формат данных json. В примерах у них такой:

   { total: xxx, page: yyy, records: zzz, rows: [
   {name1:”Row01″,name2:”Row 11″,name3:”Row 12″,name4:”Row 13″,name5:”Row 14″}, ...

   Для получения правильного формата я бы объявил выше в php, что $data->rows - это массив. И еще бы использовал [] без указания индекса.

8.  Павел Says:
   

   Игорь, большое спасибо! Хватило объявления массива, всё заработало. У меня еще один вопрос. Не подскажете, почему отображение на гриде более 1000 записей очень замедляет загрузку данных. К примеру, 1000 записей грузится 3-4 секунды, а 1001 запись - уже 8-10 секунд, причем повторная выборка 1000 записей тоже замедляется. Есть ли решение?

9.  Игорь Тельменко Says:
   

   Не совсем понял что именно медленно работает. AJAX-запрос долго выполняется (а там запрос к базе скорее всего тормозит)? Или же отрисовка строк после AJAX-запроса?
   Т.е. можно ли чуть подробнее обрисовать ситуацию

10.  Павел Says:
    

    Выборка 6к строк + формирование строки json + возврат строки на сторону укладывается в секунду, до милисекунд не уточнял, остальное время - отрисовка грида

11.  Игорь Тельменко Says:
    

    Получается, что тормозит на клиентской стороне. Не совсем понял для чего Вы тысячи строк передаете гриду? Ведь смысл же грида в том, чтобы выводить информацию постранично. ИМХО, пользователю сложно будет ориентироваться, если на одной странице грида у Вас более 50 строк. Я бы на одной странице более 50 не показывал. 6000 строк из БД, это получилось бы 120 страниц в гриде. Для лучшей навигации я бы добавил фильтры какие-либо, чтобы пользователь искал данные.

12.  Павел Says:
    

    в том-то и дело, заказчик просит постраничную разбивку, но с возможностью просмотра всех данных одной страницей. Ладно, буду отговаривать. Еще раз спасибо