Cascader 多级联动

该文档不再维护,新版文档地址:form-create 文档

多级联动元素类型 type: cascader

省市区三级联动json数据

https://github.com/xaboy/form-create/tree/master/district

举例:
{
        type:"cascader",
        title:"所在区域",
        field:"address",
        value:['陕西省','西安市','新城区'],
        props:{
            //省市区三级联动json数据
            data:window.province,
            renderFormat:label => label.join(' / '),
        },
    }
maker快速生成:
$formCreate.maker.cascader('所在区域','address',['陕西省','西安市','新城区']).props({
        data:window.province
})
基本规则 rule:
字段名 说明 字段类型 是否必填 默认值
type 元素类型 String true -
field 字段名称 String true -
title 字段别名 String true -
value 字段值 String false -
props 元素配置 Object true -
event 元素事件 Object false -
validate 验证规则 Array false -

元素配置 props:
字段名 说明 字段类型 是否必填 默认值
data 可选项的数据源 Array true -
renderFormat 选择后展示的函数，用于自定义显示格式 Function false label => label.join(' / ')
trigger 次级菜单展开方式，可选值为 click 或 hover String false 'click'
placeholder 占位文本 String false -
confirm 是否显示底部控制栏，开启后，选择完日期，选择器不会主动关闭，需用户确认后才可关闭 Boolean false false
size 输入框大小，可选值为large和small或者不填 String false -
clearable 是否支持清除 Boolean false true
disabled 是否禁用选择器 Boolean false false
changeOnSelect 当此项为 true 时，点选每级菜单选项值都会发生变化 Boolean false false
filterable 是否支持搜索 Boolean false false
notFoundText 当搜索列表为空时显示的内容 String false '无匹配数据'
transfer 是否将弹层放置于 body 内，在 Tabs、带有 fixed 的 Table 列内使用时，建议添加此属性，它将不受父级样式影响，从而达到更好的效果 Boolean false false
loadData 动态获取数据，数据源需标识 loading Function false -

事件扩展 event:
事件名称 说明 字段类型 是否必填 默认值
change 选择完成后的回调，返回值 value 即已选值 value，selectedData 为已选项的具体数据 Function false -
visible-change 展开和关闭弹窗时触发 Function false -

results matching ""

    No results matching ""