DataGrid от Easyui поддерживает страстную страницу на стороне сервера, но официальная информация меньше. В следующем обобщении два серверных механизма страниц пагирования DataGrid. Одним из них является механизм по умолчанию , а другой - использовать AJAX для получения данных и заполнения данных , которые можно использовать в соответствии с ситуацией.
1: Используйте механизм по умолчанию DataGrid
За кулисами:
public jsonResult getQuestionUnit () {// сам easy DataGrid будет передавать строки и страницы int pageize = convert.toint32 (request ["row"]); int pagenum = convert.toint32 (запрос ["page"]); var dal = new qsquestionunitdal (); var Quegunits = dal.getList ("", Pagenum -1, PageSize); // Значение, возвращаемое на передний план, должно включать общее количество и строки var easyuipages = new Dictionary <String, Object> (); easyuipages.add ("total", oegunits.firstordefault () == null? 0: oegunits.firstordefault (). reqcount); easyuipages.add («ряды», вопросники); вернуть json (easyuipages, jsonrequestbehavior.allowget); } Frontend: (function () {(function () {('#Dgd'). DataGrid ({pagenumber: 1, // url: "@viewbag.domain/paper/getquestionunit? Arg1 = xxx", столбцы: [{field: 'id', название: 'id: width: 100},},},},},},},},},},},}, ], Pagination: true, rownumbers: true, pagelist: [3, 6]}); var p = ('#dgd'). DataGrid ('getPager'); ('#dgd'). DataGrid ('getPager'); (p). Пагирование ({перед ParegeText: «Вещи», / /китайские герои. {pages} pages ', displaymsg:' total {total} data ',});Вам нужно поместить метод данных ('#DGD').
$ (function () {});Если вы попытаетесь позвонить в метод ('#DGD'). С помощью других методов JS, вы не получите правильный результат пейджинга.
Как видите, URL -адрес линии в приведенном выше коде JS был прокомментирован. Если нам не нужно выполнять другие операции, и мы планируем запросить данные, как только страница загружена, мы не можем комментировать код. Однако часто, иногда, параметры URL, такие как значение ARG1, должны выполнять определенные операции на интерфейсе, а затем получить их через код JS. В настоящее время URL должен быть прокомментирован и назначен в другие места, например:
var step1ok = function () {$ ('#dgd'). dataGrid ({url: "@viewbag.domain/paper/getQuestionUnit? arg1 = xxx",});};В приведенном выше коде мы можем предположить, что кнопка в интерфейсе нажимается и вызывается метод Step1ok, затем данные будут запрашивать URL -адрес и представлены в пользовательском интерфейсе.
Два: используйте Ajax для получения данных и заполнения DataGrid
Если мы хотим получить большую гибкость, мы не можем использовать механизм DataGrid по умолчанию, то есть указать URL для получения данных, но использовать AJAX для получения данных и заполнения данных. Таким образом, вам все еще нужно поместить ('#DGD'). Метод данных DataGrid
$ (function () {});Фоновый код остается неизменным, но нажимает кнопку, и станет метод вызова Step1ok:
var step1ok = function () {.messager.Progress (заголовок: ′, пожалуйста, waituiing ′, msg: ′ ′ loadingdata ... ′, текст: ′ обработка ..... ′); varp = .messager.progress (заголовок: ′ пожалуйста, ожидайте ′, msg: ′ loadingdata ... ′, text: ′ processing ..... '); varp = (#dgd'); $ (p) .pagination ({onSelectPage: Function (PageNumber, PageSize) {alert ('OnSelectPage PageNumber:' + PageNumber + ', PageSize:' + pageSize); getData (PageNumber, PageSize);}}); getData (1,3);};};};Когда будет вызов первый вызов, будет получено 3 части данных на первой странице:
getData (1,3);
Тогда мы видим, что в то же время мы также создали процессор времени для события PageNection On SelectPage, так что, когда страница будет в другой день, мы пойдем:
GetData (PageNumber, PageSize);
Кроме того, с тех пор, как мы обходили первоначальный механизм DataGrid для страниц, мы приняли наше собственное покрытие $ .messager.Progress, а затем обнаружили обложку в успехе Ajax.
Метод GetData выглядит следующим образом:
var getData = function (page, row) {.ajax ({type: «post», url: «@viewbag.domain/paper/getquestionunit», data: "page =" + page + "& row =" + rows, erry: function (xmlhtprequest, textStatus, errowtrown) {alert (xmlhtprequest, a a a aleert (aletstatus); URL: «@viewbag.domain/paper/getQuestionUnit», Data: "page =" + page + "& rows =" + rows, ошибка: function (xmlhttprequest, textStatus, userthrown) {alert (textStatus);. //.Выше приведено полное описание двух методов пейджинга для легкой страницы, введенных вам редактором. Я надеюсь, что это будет полезно для вас. Если вы хотите узнать больше, обратите внимание на веб -сайт wulin.com!