jQuery插件simplePagination的使用_03

时间：2023-04-03 00:31:10 HTML

jQuery插件simplePagination的使用在熟悉项目上的代码后，新增了一个需求，需要对表单进行分页。前面的代码有分页代码。看了半天，也没看懂太多。之前的项目比较长，继续熟悉代码。SimplePagination使用HTML页面，可用区通道参考可用区参考通道

因为项目中使用了EJS--HTML模板，记得在开头引用SimplePagination插件。这个比较简单，就不细说了JS代码varpage_count=0;//定义页数varlimit=0;//定义页数varregionLogListFunc=function(pageNumber){if(pageNumber===undefined){pageNumber=1;}//页码判断和定义$get("/regionCopyList?page_number="+pageNumber,function(data,status){var####=jQuery("####-##");//获取tbodyinTableidvaluevarupdateRegionlogList=''//forin遍历显示传入的数据for(variindata){####+='';#####+=''+data[i].##+'';#####+=''+data[i].##'';####+=''+data[i].##+'';####+=''+data[i].##+'';updateRegionlogList+='';}regionPriceList.empty();//添加更新数据regionPriceList.append(updateRegionlogList);});varonPageClick=regionLogListFunc;//获取DOM文档IDjQuery("#pagination").pagination({item:<%=z###%>,//ejstemplateitemsOnPage:<%=#####t%>,//ejs模板cssStyle:'light-theme',onPageClick:onPageClick,onInit:regionLogListFunc,});});另一种写法是varpage_index;varitemsOnPage=1;$(function(){$("#pagination").pagination({items:{$page_count},总页数itemsOnPage:itemsOnPage,cssStyle:'light-theme',onInit:changePage,//初始化函数onPageClick:changePage//点击时触发函数});});functionchangePage(page_index,event){listTable.gotoPage(page_index);//gotoPage函数调用ajax获取数据填充页面document.getElementById('pageCurrent').innerHTML=page_index;返回真；}

上一篇：百分比与圣杯布局

下一篇：Pico.css-简洁优雅的纯CSS开源UI框架，使用原始的HTML元素标签制作界面

jQuery插件simplePagination的使用_03相关文章