摘要: //自动化渲染的重载 HTML】 <table class="layui-table" lay-data="{id: 'idTest'}"> …… </table> 【JS】 table.reload('idTest', { url: '/api/table/search' ,where: {} / 阅读全文
posted @ 2020-04-09 10:39 猩猩侠 阅读(3583) 评论(0) 推荐(0) 编辑
摘要: >table.set(options); //设定全局默认参数。options即各项基础参数 > table.on('event(filter)', callback); //事件监听。event为内置事件名(详见下文),filter为容器lay-filter设定的值 > table.init(fi 阅读全文
posted @ 2020-04-09 10:33 猩猩侠 阅读(553) 评论(0) 推荐(0) 编辑
摘要: 数据的异步请求由以下几个参数组成: 参数名功能 url 接口地址。默认会自动传递两个参数:?page=1&limit=30(该参数可通过 request 自定义)page 代表当前页码、limit 代表每页数据量 method 接口http请求类型,默认:get where 接口的其它参数。如:wh 阅读全文
posted @ 2020-04-09 10:22 猩猩侠 阅读(6149) 评论(0) 推荐(1) 编辑
摘要: 类型:String,默认值:无 通常你需要在表格的每一行加上 查看、编辑、删除 这样类似的操作按钮,而 tool 参数就是为此而生,你因此可以非常便捷地实现各种操作功能。tool 参数和 templet 参数的使用方式完全类似,通常接受的是一个选择器,也可以是一段HTML字符。 table.rend 阅读全文
posted @ 2020-04-09 10:13 猩猩侠 阅读(6020) 评论(0) 推荐(0) 编辑
摘要: 类型:String,默认值:无 在默认情况下,单元格的内容是完全按照数据接口返回的content原样输出的,如果你想对某列的单元格添加链接等其它元素,你可以借助该参数来轻松实现。这是一个非常实用且强大的功能,你的表格内容会因此而丰富多样。 templet 提供了三种使用方式,请结合实际场景选择最合适 阅读全文
posted @ 2020-04-09 09:35 猩猩侠 阅读(5574) 评论(0) 推荐(1) 编辑
摘要: //方法渲染 table.render({ cols: [[ //标题栏 {field: 'username', title: '联系人', width: 80, rowspan: 2} //rowspan即纵向跨越的单元格数 ,{field: 'amount', title: '金额', widt 阅读全文
posted @ 2020-04-09 09:32 猩猩侠 阅读(2591) 评论(0) 推荐(0) 编辑
摘要: 参数类型说明示例值 field String 设定字段名。字段名的设定非常重要,且是表格数据列的唯一标识 username title String 设定标题名称 用户名 width Number/String 设定列宽,若不填写,则自动分配;若填写,则支持值为:数字、百分比请结合实际情况,对不同列 阅读全文
posted @ 2020-04-09 09:30 猩猩侠 阅读(1891) 评论(0) 推荐(0) 编辑
摘要: 参数类型说明示例值 elem String/DOM 指定原始 table 容器的选择器或 DOM,方法渲染方式必填 "#demo" cols Array 设置表头。值是一个二维数组。方法渲染方式必填 详见表头参数 url(等) - 异步数据接口相关参数。其中 url 参数为必填项 详见异步接口 to 阅读全文
posted @ 2020-04-09 09:28 猩猩侠 阅读(835) 评论(0) 推荐(0) 编辑
摘要: 方式机制适用场景 1 方法渲染 用JS方法的配置完成渲染 (推荐)无需写过多的 HTML,在 JS 中指定原始元素,再设定各项参数即可。 2 自动渲染 HTML配置,自动渲染 无需写过多 JS,可专注于 HTML 表头部分 3 转换静态表格 转化一段已有的表格元素 无需配置数据接口,在JS中指定表格 阅读全文
posted @ 2020-04-09 09:27 猩猩侠 阅读(860) 评论(0) 推荐(0) 编辑