同步操作将从 sunxiaobin/layuiTablePlug 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
综合测试页面
智能重载测试页面
复杂表头测试页面
复选框状态记录测试页面
tips: 建议fork一下或者star、watch,后面有更新也能比较及时的收到推送信息
一. 改table.js的源码!
这个算是一个必要的前提,如果觉得坚决不想改,那么可以直接return了,主要改的就是将table内部的构造器给透漏出来,后面可以更方便 的去调整一些内部的逻辑而不用更多的去修改源码,这个好比你要修改数组的toString的方法我相信你不会考虑去修改JavaScript的底层的 代码,而是通过它的类的原型去修改,同理的如果表格能把它的构造器透漏出来后面如果需要去调整内部的逻辑就可以通过原型的去修改了。 (期待后面layui的升级考虑下能不能这么给透漏出来)
layui.define(['laytpl', 'laypage', 'layer', 'form', 'util'], function(exports){
"use strict";
// 此处省略了很多内容,主要看下面的代码
// 把thisTable和Class透漏出去,方便拓展
table.thisTable = thisTable;
table.Class = Class;
//自动完成渲染
table.init();
exports(MOD_NAME, table);
});
tips: 后续会在layui发版之后release出对应的版本的tablePlug,同时下载的文件夹里面也会提供对应版本的修改过(如果需要) 的对应的table.js和layui.all.js,所以也可以直接下载覆盖到自己本地的项目中的对应文件。
二. 从"下载"的文件夹里面得到tablePlug整个文件夹,拷贝到自己项目中的合适的位置,然后通过layui.use的方式加到项目中。
注意:最好不要去修改tablePlug这个文件夹内部的结构,因为在tablePlug.js中在第一次加载的时候会去link使用到的css文件, 当然也不是绝对的,只要你对layui足够熟悉了,实际这个文件结构自己放在任意地方都可以,只要能找到就行, 然后去掉tablePlug.js中对应的引入css文件的代码,然后自己在页面中自己link或者在head里面引进去,当然我是不建议这么没事找事做额。
下载下来的文件里面会有一个tablePlug.js和对应的经过混淆压缩的tablePlug.min.js这个大家看需要引入。 (主要的就是在layui.extend的时候修改一下就好)
三. 使用
这一部分可以看看之前在layui的fly社区里面发的一些帖子,后面会找时间开发一个文档的页面出来。
关于 table 的 checkbox 跨页状态保存的一种实现方式
table 如何更优雅的 reload(第二版)
解决复杂的复杂表头表格的种种翻车
表格部分复选框不能操作的一种实现方式
如何让表格的工具按钮列显示更多的时候也能点击触发table的事件
layui table 字段筛选功能
处理下拉在表格中看不到的选项的一种解决方案
提供一种 form 组件更精准 render 一个节点的思路
新增一个表格临时数据区的概念
tablePlug插件的小小升级
让layui table固定列也能监听滚动
四. 其他
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。