• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

lay_cascader: layui cascader 仿element-ui级联选择器

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

lay_cascader

开源软件地址:

https://gitee.com/yixiacoco/lay_cascader

开源软件介绍:

lay_cascader

layui cascader 仿element-ui级联选择器

演示页面https://yixiaco.github.io/lay_cascader/

giteehttps://gitee.com/yixiacoco/lay_cascader

githubhttps://github.com/yixiaco/lay_cascader

Attributes

参数说明类型可选值默认值
elem绑定元素String/jqueryObject/DOM--
value预设值Object/Array-null
props配置选项,具体见下表Object--
options可选项数据源,键名可通过 props 属性配置Array-[]
empty无匹配选项时的内容String-'暂无数据'
placeholder输入框占位文本String-'请选择'
disabled是否禁用Booleantrue / falsefalse
clearable是否支持清空选项Booleantrue / falsefalse
showAllLevels输入框中是否显示选中值的完整路径Booleantrue / falsetrue
collapseTags多选模式下是否折叠TagBooleantrue / falsefalse
minCollapseTagsNumber最小折叠标签数Number-1
separator选项分隔符String-' / '
filterable是否可搜索选项Booleantrue / falsefalse
filterMethod自定义搜索逻辑,第一个参数是节点node,第二个参数是搜索关键词keyword,通过返回布尔值表示是否命中Function--
debounce搜索关键词输入的去抖延迟,毫秒Number-300
beforeFilter筛选之前的钩子,参数为输入的值,若返回 false,则停止筛选Function--
popperClass自定义浮层类名String-''
extendClass继承class样式Booleantrue / falsefalse
extendStyle继承style样式Booleantrue / falsefalse
disabledFixed固定禁用项,使禁用项不被清理删除,禁用项只能通过函数添加或初始值添加,默认禁用项不可被函数或初始值添加Booleantrue / falsefalse
maxSize多选选中的最大数量,0表示不限制Number>=00

Props

参数说明类型可选值默认值
strictMode严格模式,设置value严格按照层级结构.获取的value和Node也将按照层级结构返回.
例如:
多选:
[['zhinan','shejiyuanze','yizhi']]
单选:
['zhinan','shejiyuanze','yizhi']
Booleantrue / falsefalse
expandTrigger次级菜单的展开方式Stringclick / hover'click'
multiple是否多选Booleantrue / falsefalse
checkStrictly是否严格的遵守父子节点不互相关联Booleantrue / falsefalse
lazy是否动态加载子节点,需与 lazyLoad 方法结合使用Booleantrue / falsefalse
lazyLoad加载动态数据的方法,仅在 lazy 为 true 时有效Function(node, resolve),node为当前点击的节点,resolve为数据加载完成的回调(必须调用)--
value指定选项的值为选项对象的某个属性值String-'value'
label指定选项标签为选项对象的某个属性值String-'label'
children指定选项的子选项为选项对象的某个属性值String-'children'
disabled指定选项的禁用为选项对象的某个属性值String-'disabled'
leaf指定选项的叶子节点的标志位为选项对象的某个属性值String-'leaf'

Event

方法名说明参数
setOptions设置当前选项Array
setValue覆盖当前值.单选时传对象,多选时传数组非严格模式下。
单选:options中的value值
多选:options中的value值组成的数组
例如:
layCascader.setValue('yizhi')
layCascader.setValue(['yizhi','table'])
changeEvent当节点变更时,执行回调 多选时,参数是一个数组单选:function(value,Node){} 多选:function(values,Nodes){}
openEvent当面板打开时,执行回调function(){}
closeEvent当面板关闭时,执行回调function(){}
disabled禁用组件Boolean
close收起面板-
open展开面板-
getCheckedNodes获取选中的节点,如需获取路径,使用node.path获取,将获取各级节点的node对象。严格模式下返回包含父级的层级结构-
getCheckedValues获取选中的值.严格模式下返回包含父级的层级结构-
clearCheckedNodes清空选中的节点Boolean: 是否强制删除固定的禁用项,默认不会清空禁用项
expandNode展开面板到节点所在的层级value: 节点值,只能传单个值,不允许传数组
getConfig获取当前配置副本-
getData获取数据对象副本-

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap