这篇“如何使用amaze ui分页样式封装个通用的JS分页控件”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“如何使用amaze ui分页样式封装个通用的JS分页控件”文章吧。第一步：找到UI的分页HTML代码，一共有2种UI的分页代码：代码简单，外观漂亮，自然是封装的首选啦。接下来，就是造轮子的时间了，首先讲讲思路：我们需要一个动态的分页，那么这个里面的 li 就必须是动态生成的，所以需要用js去生成dom元素，其次，使用者需要一个回调函数，用来分页之后去请求他的数据，加载数据，这是核心的2个思路，剩下的就是分页常规的一些东西，比如分页必须的参数：当前页、每页条数、总条数，以及这个样式对应的一些事件的处理：首页、尾页、上一页、下一页。思路整理完毕，开整。1、初始化init初始化函数，里面将使用者传入进来的参数赋值，并计算下总页数，总页数说明下，我是以0为第一页，所以总页数为 总条数/每页条数 使用Math.ceil 向上取整 -1 即为总页数。2、js动态加载li根据使用者想显示的数量动态加载li,start 为li的起始数字：3、首页、尾页、下一页、上一页、跳转等函数：4、跳转后要将某页选中，并调用回调函数5、经过测试，调整、优化，没有发现问题，编写注释，这个分页控件免费云主机域名使用注意：调用必须实例化，且接收参数名与ul的id一致优点：a、本身使用妹子ui，漂亮、代码简洁 b、经封装后，调用简单，无暗病 c、还支持自定义样式，只需要你在ul上绑定你自己想要的class，并配置选择效果class即可以上就是关于“如何使用amaze ui分页样式封装个通用的JS分页控件”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注百云主机行业资讯频道。
这篇文章主要介绍了Java对象内存布局实例分析的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇Java对象内存布局实例分析文章都会有所收获，下面我们一起来看看吧。文中代码基于 JDK 1.8.0_261，64-Bit HotSpot…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
