xm-select动态数据分组多选

news/2024/11/23 3:14:28/

xm-select-v1.2.1 主页资源可免费下载~

先看结果
在这里插入图片描述
js code

 	<script src="../static/xmSelect/xm-select.js"></script><div id="demo" class="xm-select-demo" style="width: 300px; margin: 20px;"></div><script>layui.config({base: '静态文件根路径/'}).extend({// 根路径下的具体路径(xmSelect/xmSelect.js)xmSelect: 'xmSelect/xmSelect'}).use(['xmSelect'], function () {// 开始使用xmSelectvar xmSelect = layui.xmSelect;xmSelect.render({el: '#demo', toolbar: {show: true}, // 开启清空 全选// 监听下拉框on: function (data) { // arr:  当前多选已选中的数据var arr = data.arr;// change, 此次选择变化的数据,数组var change = data.change;// isAdd, 此次操作是新增还是删除var isAdd = data.isAdd;console.log(arr);},data: []});});$.ajax({dataType: "json",type: 'get',url:" ",success: function (res) {demo.update({data: res.data})}});</script>

返回数据类型跟layui一样,区别在于data数组里的vo

	{"code": 0,"msg": "success","data": [{name: '张三', value: 1},{name: '李四', value: 2},{name: '水果',children: [{name: '苹果', value: 3},{name: '香蕉', value: 4},{name: '梨', value: 5}]},{name: '蔬菜',children: [{name: '萝卜', value: 6},{name: '白菜', value: 7}]}}

更多玩法参考 xm-select


http://www.ppmy.cn/news/730967.html

相关文章

2022-07-28 xm-select 的使用

简介(文档) 始于layui的一个多选解决方案。 前身formSelects , 由于渲染速度慢, 代码冗余, 被放弃了 xm-select使用了新的开发方式, 利用preact进行渲染, 大幅度提高渲染速度, 并且可以灵活拓展 第一步: 下载 第二步: 引入 xm-select.js 第三步: 写一个<div id"demo1…

XM验证

http://www.w3school.com.cn/xml/xml_dtd.asp 拥有正确语法的 XML 被称为“形式良好”的 XML。 通过 DTD 验证的 XML 是“合法”的 XML。 ------------------------------------------------------------------------------- 形式良好的 XML 文档 “形式良好”或“结构良好”的…

Xms Xmx含义

Xms 我猜测是EXtended Memory Size可扩展的内存大小&#xff0c;Xmx是EXtended Memory Max Size 可扩展的最大内存(就算不是,这样理解记忆也挺好的) Xms 通常为操作系统可用内存的1/64大小 Xmx 是对堆区的内存配置&#xff0c;Xms是初始化的内存大小&#xff0c;Xmx是堆的最…

Xcode配置SFML教程【MacOS M1 arm64】

苹果电脑是个非常麻烦的东西&#xff0c;兼容性不高&#xff0c;许多配置需要自己安装完成&#xff0c;我是吃尽了苦头&#xff0c;极力建议换台好的游戏本。但如果你跟我一样笨笨买了这个电脑一时又换不了&#xff0c;那么希望这个教程帮到你。 官方教程链接&#xff1a;SFML…

xm command

RHEL5 提供 xm command 給使用者操作 Xen Guest,下面介紹一些常見的使用方式! 1.xm list xm list 是看目前正在動作的 Guest. [rootbenjr ~]# xm list Name ID Mem(MiB) VCPUs State Time(s) Domain-0 …

小白学习XM文件转MP3格式教程

最近周边有朋友&#xff0c;在喜马拉雅上下载的评书给他年迈的爷爷听&#xff0c;爷爷只会用最古老的那种砖块儿样式的MP3&#xff0c;在网上找了很多转换工具都无济于事。偶然一次吃饭得知此事&#xff0c;让我很惊诧。 废话不多说了&#xff0c;上干货&#xff1a; 首先&…

喜马拉雅XM文件转MP3格式教程

其实谈不上教程&#xff0c;就是一个单纯的小技巧而已。 最近周边有朋友&#xff0c;在喜马拉雅上下载的评书给他年迈的爷爷听&#xff0c;爷爷只会用最古老的那种砖块儿样式的MP3&#xff0c;在网上找了很多转换工具都无济于事。偶然一次吃饭得知此事&#xff0c;让我很惊诧。…

xm-select

xm-select: 基于Layui, 下拉选择框的多选解决方案 xm-select 介绍 始于Layui, 下拉选择框的多选解决方案 前身前往formSelectes, 由于渲染速度慢, 代码冗余, 被放弃了 xm-select使用了新的开发方式, 利用preact进行渲染, 大幅度提高渲染速度, 并且可以灵活拓展 xm-select…