2012-06-06 4 views
0

Я новичок в extjs и пытаюсь получить сетку с разбивкой по страницам, работающую над проектом.ExtJS Grid Pagination Not Working

Может ли кто-нибудь сказать мне, есть ли онлайн-учебник по настройке разбиения на страницы для сетки extjs? Я получаю записи для первой страницы, но не нажимаю следующую кнопку.

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

Любая помощь будет действительно оценена!

+0

Есть ли особая причина, по которой это помечено как Java? – vcsjones

+0

Очень полезно, когда вы используете Firebug или другую консоль разработчика, чтобы проверить, что именно отправляется на сервер, и что возвращается с сервера. Это кажется мне проблемой на стороне сервера, где вам нужно использовать параметр offset для создания правильного запроса базы данных SQL ... –

+0

@vcsjones: Я полагаю, что серверный язык - это Java, и я полагаю, что проблема действительно серверная сторона ... точнее: как построить SQL-запрос, чтобы получить правильную «страницу» записей. –

ответ

1

Для примера проверить http://docs.sencha.com/ext-js/4-1/#!/example/grid/paging.html

Услугу этот пример использует можно увидеть здесь: http://www.sencha.com/forum/topics-browse-remote.php?&page=3&start=100&limit=50&sort=lastpost&dir=DESC

Обратите внимание, что Ext JS Paging панель добавляет страницу, начало, предел и сортировка PARAMS к URL-адресу.

Ваш код Java должен будет ссылаться на них и использовать их в вашем SQL-запросе.

контроллер Spring может иметь что-то подобное, что позволит вам получить доступ запрос Params позже в методе:

@RequestMapping(value = "/listTopics", method = RequestMethod.GET) 
public ModelAndView listTopics(
     @RequestParam(value = "start", required = false, defaultValue = "0") Integer start 
     @RequestParam(value = "limit", required = false, defaultValue = "10") Integer limit 
     ) { 

... }

Также смотрите полный пример Java с рабочим demo: http://www.mysamplecode.com/2012/02/extjs-grid-cell-editing-tutorial-2.html