无限层级选择器

可以为整体配置label,也可以为单个框配置label

2018-05-23 整体更新多级联动底层,兼容之前的版本。更新以后单个选项支持单独配置readonly, validate 以及其他select 组件支持的配置。

效果预览

yml配置

- model: mutil_picker
  label: 多级联动
  name: mutil_picker
  readonly: '{%isOnly%}'
  append_data: true
  col_class: 'col-sm-12'
  data:
    - {name: brand_id,placeholder: 请选择品牌,url: '/platform/common/get_mutil_list',list: [],value: '{%val5%}'}
    - {name: serial_id,placeholder: 请选择车型,value: '{%val6%}',url: '/platform/common/get_mutil_list', request_key: brand_id, list: []}
    - {name: marly_id,placeholder: 请选择车系,value: '{%val7%}',url: '/platform/common/get_mutil_list', request_key: 'brand_id, serial_id', list: []}
    - {name: testlast,placeholder: 请选择车款,value: '{%val8%}',url: '/platform/common/get_mutil_list', request_key: marly_id, list: []}

字段说明

mutil_picker

字段 类型 含义 默认值
model String 该控件类型为mutil_picker -
label String 控件label名称 -
data Array 控件组配置 -
placeholder String 占位提示 -
col_class String 控件样式class -
readonly Boolean 是否只读,true为只读 flase
append_data Boolean 是否同时传递选择项名称 flase

mutil_picker.data

字段 类型 含义 默认值
name String 名称 -
url String 获取当前选框值的url接口 -
list Array 选框值存放字段 -
placeholder String 占位提示 -
value String 选中值 -
request_key String 当前url传递上一个选框所选值的key名,如果想传前面多个,用逗号分隔 flase
label String 为单个选框配置label,可选配 -

url返回值结构示例

{
    "ret": 0,
    "msg": "OK",
    "errorcode": 0,
    "data": {
        "list": [{
            "value":1,
            "label":"erikqin"
        },{
            "value":2,
            "label":"lindanli"
        },{
            "value":3,
            "label":"warrenyang"
        },{
            "value":4,
            "label":"nikoniu"
        }]
    }
}

results matching ""

    No results matching ""