jquery – 将数字寻呼机添加到jqGrid

有没有人知道一种方法来设置jqgrid来使用数字寻呼机？

而不是第1页,共20页,我想让分页像1,2,3,4> >>当我点击4时,它会像<< < 4,5,6,7> >> 我已经看到其他网格是如何做到的,但是我似乎找不到jqgrid的内置方式.
我可能有办法实现它,但如果有东西已经存在,我不想重新发明.在从网格数据中获取用户数据后,我将添加自定义按钮,以确定可用页面.

Telerik的网格(http://demos.telerik.com/aspnet-mvc/grid).

解决方法

噢噢噢！在我写代码firegnom发布了另一个实现.不过更好的两个工作版本没有人.

我做了小演示,演示了如何实现在寻呼机中的链接的行为.我做了这样的代码,它可以在表单中显示寻呼机

(如果使用pginput：jqgrid的false参数)或表单

在这两种情况下,当前页面将不会显示在列表中.如何看到我为链接插入带下划线的样式.如果你不喜欢,你应该删除

td.myPager a { text-decoration:underline !important }

从演示.工作的现场演示,您可以看到here和here.

loadComplete事件处理程序中相应的JavaScript代码是完整的：

loadComplete: function() {
    var i,myPageRefresh = function(e) {
        var newPage = $(e.target).text();
        grid.trigger("reloadGrid",[{page:newPage}]);
        e.preventDefault();
    };

    $(grid[0].p.pager + '_center td.myPager').remove();
    var pagerPrevTD = $('<td>',{ class: "myPager"}),prevPagesIncluded = 0,pagerNextTD = $('<td>',nextPagesIncluded = 0,totalStyle = grid[0].p.pginput === false,startIndex = totalStyle? this.p.page-MAX_PAGERS*2: this.p.page-MAX_PAGERS;
    for (i=startIndex; i<=this.p.lastpage && (totalStyle? (prevPagesIncluded+nextPagesIncluded<MAX_PAGERS*2):(nextPagesIncluded<MAX_PAGERS)); i++) {
        if (i<=0 || i === this.p.page) { continue; }

        var link = $('<a>',{ href:'#',click:myPageRefresh });
        link.text(String(i));
        if (i<this.p.page || totalStyle) {
            if (prevPagesIncluded>0) { pagerPrevTD.append('<span>,&nbsp;</span>'); }
            pagerPrevTD.append(link);
            prevPagesIncluded++;
        } else {
            if (nextPagesIncluded>0 || (totalStyle && prevPagesIncluded>0)) { pagerNextTD.append('<span>,&nbsp;</span>'); }
            pagerNextTD.append(link);
            nextPagesIncluded++;
        }
    }
    if (prevPagesIncluded > 0) {
        $(grid[0].p.pager + '_center td[id^="prev"]').after(pagerPrevTD);
    }
    if (nextPagesIncluded > 0) {
        $(grid[0].p.pager + '_center td[id^="next"]').before(pagerNextTD);
    }
}

其中grid和MAX_PAGERS被定义为

var grid = $("#list"),MAX_PAGERS = 2;