formSelects基于 Layui 的 select 多选解决方案
formSelects-v4.js 基于Layui的多选解决方案
使用方式
//1.下载formSelects-v4.1 //2.模块化使用 <script src="layui.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //全局定义一次, 加载formSelects layui.config({ base: '../src/' //此处路径请自行处理, 可以使用绝对路径 }).extend({ formSelects: 'formSelects-v4' }); //加载模块 layui.use(['formSelects'], function(){ var formSelects = layui.formSelects; }); </script> //3.非模块化使用 <script src="layui.all.js" type="text/javascript" charset="utf-8"></script> <script src="formSelects-v4.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var formSelects = layui.formSelects; </script>
基本参数
属性名 | 说明 | 示例 |
---|---|---|
xm-select | 多选核心, 标记不同的多选, 多选ID | xm-select="id" |
xm-select-max | 多选最多选择数量 | xm-select-max="3" |
xm-select-skin | 皮肤 | xm-select-skin=" default | primary | normal | warm | danger " |
xm-select-search | 本地搜索 & 远程搜索 | xm-select-search, xm-select-search="/search", 值为空时已有条目过滤搜索, 有值时开启远程搜索 |
xm-select-create | 条目不存在时创建, 标记性属性 | xm-select-create |
xm-select-direction | 下拉方向 | xm-select-direction="auto|up|down", 自动, 上, 下, 默认自动模式 |
xm-select-height | 标记select高度是否固定 | xm-select-height="36px", 高度不再随数据变化而变化 |
xm-select-radio | 单选模式 | xm-select-radio, 最多只能选择一个 |
xm-select-search-type | 搜索框的显示位置 | xm-select-search-type="title" 在下拉选title部分显示, xm-select-search-type="dl" 在选项的第二条显示 |
xm-select-show-count | 多选显示的label数量 | xm-select-show-count="2", 超出后隐藏 |
效果图
评论
xm-select多选解决方案
xm-select是始于Layui的一个下拉选择框的多选解决方案。前身formSelects,由于渲染速度慢,代码冗余,被放弃了`xm-select`使用了新的开发方式,利用preact进行渲染,大幅
xm-select多选解决方案
0
boot-blog基于 Layui 的个人博客
个人博客项目技术框架springdatajpaapachshirospringbootspringmvclayui支持mysql数据库#Demo demo#部署1.创建数据库blog字符集为utf82
boot-blog基于 Layui 的个人博客
0
arcms模板基于 LayUI 的 CMS 系统
arcms项目说明本模板基于Layui2.*实现,支持除LayIM外所有的Layui组件本项目后端采用arphp5.1,前端采用layuicms2.0,本项目适合后台管理等项目。本项目所有源码仅供学习
arcms模板基于 LayUI 的 CMS 系统
0
cy-ui基于 layui 的纯前端框架
cy-ui基于layui的纯前端框架框架说明1.基于原生layui源码,替换layui文件即可完成升级!2.前端声明式组件封装、附带文档编写ctrl+cctrl+v即可使用。封装数据源,可通过url、
cy-ui基于 layui 的纯前端框架
0
django-simpleui基于 layui 的 django admin 主题
django admin theme 主题django-simpleui 是一个基于element-
django-simpleui基于 layui 的 django admin 主题
0
django-simpleui基于 layui 的 django admin 主题
djangoadmintheme主题django-simpleui是一个基于element-ui+vue开发的主题,重写和优化90%以上的页面。与suit是同类产品。我们是一个更符合国人审美和使用习惯
django-simpleui基于 layui 的 django admin 主题
0