layui传梭框怎么使用

 时间:2024-10-17 09:29:21

1、先引入layui.js,绑定html在render,如果你是引入的是latui.all.js则直接使用,不需要use,如图中所示。

layui传梭框怎么使用

2、穿梭框分左右数据,先说数据配置,在绑定id的前提下,看一下data属性,左侧数据源,lay这个传梭框对数据有格式要求必须是图中格式(属性不止这些),这点不是很好,但是好在有一个p锾攒揉敫aresData对数据源进行解析。

layui传梭框怎么使用

4、再看value右侧数据也是选择||存在的数据:这个数据就没有的解析的了,这是一个数组,数组的元素是数据源中的value值。

layui传梭框怎么使用layui传梭框怎么使用

7、onchange触发数据交互:真正使用的时候是会用到数据交互的,往往都是在这里发生,如图所示,一个左到右侧添加数据,一个右侧到左侧删减数据

layui传梭框怎么使用
  • layui表格数据操作
  • layui 怎么隐藏下拉框
  • layui弹出框的使用
  • layui怎么传id到编辑页
  • layui 验证表单方法
  • 热门搜索
    没钱怎么创业 狐臭怎么彻底去除 怎么去下眼袋 辞职申请怎么写 竖线符号怎么打 怎么查上升星座 qq怎么解除手机绑定 戒指怎么折 貔貅怎么开光 手指脱皮是怎么回事