angular自定義分頁元件 實用

2022-07-20 10:00:10 字數 1252 閱讀 4891

html模組:

controller模組:

var context = $scope;
#scope.reloaddata = reloaddata;//(重要:需要與頁面的事件進行繫結)
function reloaddata(page)
directive模組:

(function () ,

link: function( scope, elem, attrs, c), function ()

context.pagecount = temp;

}});

}();

//分頁邏輯相同,可直接將init寫為這樣(不用相容以前)

init();

function init()

function onclickpagenumber(pagenumber) );//這裡必須按著這種格式寫,他是根據陣列中的引數名對應來找

//如果直接這樣傳參context.onclickpage(pagenumber),會報cannot use 'in' operator to search for 'reloaddata' in 2(尋找不到引數錯誤)

context.pagenumber = pagenumber;

context.showprev = pagenumber > 1;

}function onclickprev() );

if (context.pagenumber == 1)

context.shownext = true;

}function onclicknext()

context.onclickpage();}}

};}

})();
directive模板:

1">

<

pagecount.length-5&&pagenumber>pagecount.length-3)||($index<5&&pagenumber<4)||($index+1>pagenumber-3 && $index+1

ng-click="onclickpagenumber(page)">}

>

共 } 頁

效果如下:

python 自定義分頁元件

使用方法 自定義分頁元件的使用方法 pager obj pagination request.get.get page 1 len host list request.path info,request.get host list host list pager obj.start pager ob...

django 自定義分頁元件

分頁元件應用 在檢視函式中 queryset models.issues.objects.filter project id project id page object pagination current page request.get.get page all count queryset....

Django之自定義分頁元件

from django.utils.safestring import mark safe mark safe 安全字串 class mypage def init self,page num,page num count,req path,per page num,page num show se...