Module: Addresspicker

Properties:

Name	Type	Description
props	Object	组件属性，内容如下 Properties Name Type Description options Array 地址对象集合 optionWidth String | Number 下拉选项容器宽度 optionWidthAuto Boolean 下拉选项容器宽度自适应，如果为true，optionWidth属性无效 placeholder String 控件占位符 valueKey String 地址对象的值键 nameKey String 地址对象的名称键 idKey String 地址对象的ID键 parentKey String 地址对象的父ID键 topParent String 顶级对象的父ID值 value Array 组件值 titles Array 选项标题集合 separator String 显示名称的分隔符 onChange function 地址改变事件 onComplete function 地址选择完毕事件

Examples

组件引入

// 全局模块引入
import { Addresspicker } from '@ccreator/smart-ui';
// 最小化模块引入
import Addresspicker from '@ccreator/smart-ui/dist/Addresspicker';

使用示例

const options = [
    {
        area_code: "4307",
        area_level_code: "2",
        area_name: "常德市",
        parent_area: "43"
    }
    ... ....
]

<Addresspicker
    topParent="43"
    options={options}
    titles={['选择地区', '选择乡镇', '社区或街道']}
    idKey="area_code"
    parentKey="parent_area"
    nameKey="area_name"
    valueKey="area_code"
    onChange={(list) => console.log(list)}
    onComplete={(list) => console.log(list)}
/>