layUI使⽤⽅法
⼀．1.layui模块化使⽤：如果你使⽤的是layui，那么你直接在官⽹下载layui框架即可，⽆需引⼊Query和layer.js，但需要引⼊layui.css和layui.js。
调⽤⽅式：通过layui.use(‘layer’,callback)加载和初始化layer模块。
2.作为独⽴组件使⽤，如果你只是想使⽤的是layer，你可以去layer独⽴版本官⽹下载组件包。你需要在你的页⾯引⼊jQuery1.8以上的任意版本，并引⼊layer.js。
调⽤⽅式：通过script标签引⼊layer后，直接⽤即可。
⼆．Layer简单的弹出模态窗体，title⽀持三种的值，若你传⼊的是普通的字符串，如title:’我是标题’，那么只会改变标题⽂本；若你还需要⾃定义标题区域样式，那么你可以tilte:[‘⽂本’,’font-size:18px;’]，数组第⼆项可以写任意css样式；如果那你不想显⽰标题栏，你可以title:false。Centent内容，content可传⼊的值是灵活多变的，不仅可以传⼊普通的html内容，还可以指定DOM，更可以随着。
type的不同⽽不同。例如：
layer 弹出模态框，关闭模态框
表格⽅法的渲染配置：cols 标题栏
三．tempelt⾃定义列模板 类型：string，默认值：⽆
在默认情况下，单元格的内容是完全按照数据接⼝返回的conetn原样输出的，如果你想对某列的单元格添加链接等其它元素，你可以借助该参数来轻松实现。这是⼀个⾮常实⽤且强⼤的功能，你的表格内容会因此⽽丰富多样。
Templet 提供了三种使⽤⽅式，请结合实际场景选择最合适的⼀种：
1.如果⾃定义模版的字符量太⼤，我们推荐你采⽤【⽅式⼀】
2.如果⾃定义模板的字符量适中，或者想更⽅便地调⽤外部⽅法，我们推荐你采⽤【⽅式⼆】
3.如果⾃定义模板的字符量很⼩，我们推荐你采⽤【⽅式三】
四．事件监听
语法：(‘event(filter)’,
callback); 注：event为内置事件名，filter为容器lay-filter设定的值
table模块在Layui事件机制中注册了专属事件，如果你使⽤vent()⾃定义模块事件，请勿占⽤table名。⽬前所⽀持的所有事件见下⽂。
默认情况下，事件所监听的是全部的table模块容器，但如果你只想监听某⼀个容器，使⽤事件过滤器即可。
假设原始容器为：
那么你的事件监听写法如下：
单选框事件为例
五.重置表格尺⼨
该⽅法可重置表格尺⼨和结构，其内部完成了：固定列⾼度平铺、动态分配列宽、容器滚动条宽⾼补丁 等操作。它⼀般⽤于特殊情况下（如“⾮窗⼝ resize”导致的表格⽗容器宽度变化⽽引发的列宽适配异常），以保证表格在此类特殊情况下依旧能友好展⽰。
语法：size(‘ID’)，其中 ID 为基础参数 id 对应的值（见：设定容器唯⼀ID），如：
六Height设定容器⾼度
类型：Number/String，可选值如下：
可选值 说明 ⽰例
1. 不填写
说明：默认情况。⾼度随数据列表⽽适应，表格容器不会出现纵向滚动条
⽰例：-
2. 固定值
设定⼀个数字，⽤于定义容器⾼度，当容器中的内容超出了该⾼度时，会⾃动出现纵向滚动条
⽰例：height: 315
3.full-差值
说明：⾼度将始终铺满，⽆论浏览器尺⼨如何。这是⼀个特定的语法格式，其中 full 是固定的，⽽ 差
值则是⼀个数值，这需要你来预估，⽐如：表格容器距离浏览器顶部和底部的距离“和” PS：该功能为 layui 2.1.0 版本中新增
⽰例：height: ‘full-20’
七.⾃动渲染
所谓的⾃动渲染，即：在⼀段 table 容器中配置好相应的参数，由 table 模块内部⾃动对其完成渲染，⽽⽆需你写初始的渲染⽅法。
layui下载其特点在上⽂也有阐述。你需要关注的是以下三点：
1. 带有 class=“layui-table” 的 标签。
2. 对标签设置属性 lay-data="" ⽤于配置⼀些基础参数
3. 在 标签中设置属性lay-data=""⽤于配置表头信息
按照上述的规范写好table原始容器后，只要你加载了layui 的 table 模块，就会⾃动对其建⽴动态的数据表格。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。