JSON自动分页功能分页样式效果

 所属分类:分页/文件树

 浏览:695次-  下载:0次-  评论: 0次-  更新时间:2020-07-23

image.png

//标准json格式 目前只支持[{a:b,c:d},{a:b,c:d}]

		var json=[{"id":"1","name":"Tom","age":"12"},{"id":"2","name":"Joy","age":"13"}]

		//nameList与widthList的数组长度要一致
		nameList//数组为表格列名,如['序号','姓名','年龄']
		widthList//数组为列名的宽度,如['100','200','100']
		
		/**
		 * 初始化设置nicepage组件
		 *------------------------------------------------------------
		 * 进行数据组装,与layui交互进行元素渲染
		 *-------------------------------------------------------------
		 * @param    {string}  table     table的div id
		 * @param    {string}  bar     底部分页的div id
		 * @param    {int}  limit     每页默认行数
		 * @param    {string}  color     底部分页的颜色
		 * @param    {array}  layout     底部分页的布局,具体可参考layui api
		 *
		 * @date     2018-10-19
		 * @author   Thomas.dz 
		 */
		//初始化
		$(function () {
			nicePage.setCfg({
				table: 'table',
				bar: 'pageBar',
				limit: 20,
				color: '#1E9FFF',
				layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
			});
		});
		//初始化完成


金币说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值金币充值会员更多说明»
描述:JSON自动分页功能分页样式效果

文件目录结构

  • ┝ www.zzsucai.com.txt
  • ┝ ┬δ░∩╓≈.url
  • css
      • ┝ layui.css
  • js
      • lay
          • modules
              • ┝ laypage.js
      • ┝ jquery.min.js
      • ┝ layui.js
      • ┝ nicePage.js
  • ┝ index.html

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!
我的金币余额: 0 已下载次数: 0
所需金币:25开始下载

金币获取:签到、评论、投搞、充值、发帖、回帖    » 在线充值(10金币=1元)