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

噢噢噢！在我写代码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,@R_70_10586@lStyle = grid[0].p.pginput === false,starTindex = @R_70_10586@lStyle? this.p.page-MAX_PAGERS*2: this.p.page-MAX_PAGERS;
    for (i=starTindex; i<=this.p.lastpage && (@R_70_10586@lStyle? (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 || @R_70_10586@lStylE) {
            if (prevPagesIncluded>0) { pagerPrevTD.append('<span>,&nbsp;</span>'); }
            pagerPrevTD.append(link);
            prevPagesIncluded++;
        } else {
            if (nextPagesIncluded>0 || (@R_70_10586@lStyle && 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;