آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش پلاگین Pagination در JQuery

دوره های مرتبط با این مقاله

آموزش پلاگین Pagination در JQuery

یک پلاگین مناسب برای ایجاد pagination در مواردی که تعداد ایتم ها زیاد است ، میباشد
این پلاگین در بوت استرپ درون سازی شده است.


آموزش پلاگین Pagination در JQuery

فایلهای مورد نظر را به پروژه استفاده میکنیم

< script src="/path/to/cdn/jquery.min.js" >< /script >
< script src="/path/to/jquery.simplePagination.js" >< /script >
< link href="simplePagination.css" rel="stylesheet" / >

عنصر HTML زیر را جهت ایجاد pagination اضافه میکنیم

	< div id="light-pagination" class="pagination" >< /div >

فراخوانی پلاگین به راحتی با قطعه کد زیر امکان پذیر است.
پارامترهای موجود ، شامل تعداد عناصر ، تعداد صفحات ،و.... میباشد.


$ ('#light-pagination').pagination({
  
  items: 1
  itemsOnPage: 1,
pages: 0,

تعداد عناصر ابتدای و انتهایی که باید نمایش داده شوند

edges: 2,

فعال یا غیر فعال کردن اولین و آخرین عنصر در pagination

  useStartEdge :true,
 useEndEdge :true,

Index عنصری که در ابتدای بارگزاری صفحه نمایش داده میشود

	  currentPage: 0,
	hrefTextPrefix:"#page-",
  hrefTextSuffix:'',

متن دکمه های قبلی و بعدی در pagination

  prevText:"Prev"
  nextText:"Next",

استایل های اضافه شده و نیز نام تم مورد نظر در زمان فراخوانی

  listStyle:'',
  // "light-theme", "compact-theme", and "dark-theme"
  cssStyle:"light-theme",
 

  selectOnClick:true,
	  invertPageOrder:false
	});

رویدادهای زیر در زمان کلیک ،فراخوانی پلاگین و کلیک روی هر صفحه فراخوانی شده و میتوانند توابعی را اجرا کنند

$ ('#light-pagination').pagination({
  onPageClick:function(pageNumber, event) {
},
onInit:function() {
});
  • 73
  •    136
  • تاریخ ارسال :   1398/10/25

دانلود PDF دانلود سورس کد دانلود فیلم آموزشی دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
آموزش پلاگین Pagination در JQuery
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .