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

    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