Cascader无限级联选择器

2021/2/10 layui

基于 layui 扩展的无限级联选择器,支持异步获取数据,以及自定义事件触发

# 基本使用

<!-html->
<input type="text" id="classCas" class="layui-input" readonly>

// js
cascader({
    elem: "#classCas",
    data: res.data,
    showLastLevels: true,
    value: [],
    success: function (valData, labelData) {
    }
})


# 效果演示

image-20220216145148438

# Api

参数 说明 类型 默认值 可选值
elem DOM容器 String -- --
data 数据源 Array -- --
url 异步数据源(与data可存其一) Boolean true false
type 接口类型 String get --
where 异步参数 Object -- --
triggerType 触发方式 String click change
showLastLevels 输入框是否只显示最后一级 Boolean false true
success 选择后的回调 Function
reload() 重新渲染