Skip to content

属性

javascript
// 定义一个名为selects的对象,该对象配置了下拉多选框的属性和行为
selects: {
    // 表示该组件不是一个容器
    isContainer: false,
    // 组件的显示名称
    displayName: "下拉多选框",
    // 表示该组件可以用于表单
    isForm: true,
    // 支持添加数据表查询
    canAddDataTableQuery: true,
    // 表示组件是完整的,无需其他依赖
    complete: true,
    // 支持添加数据表列表
    canAddDataTableList: true,
    // 组件的属性配置
    props: {
        // 默认大小
        size: "default",
        // 是否为必填项
        required: false,
        // 是否显示标签
        hasLabel: true,
        // 是否禁用
        disabled: false,
        // 备注信息
        remark: "",
        // 是否隐藏
        hide: false,
        // 标签位置,默认为左
        labelPosition: "left",
        // 默认的占位提示
        placeholder: "请选择",
        // 默认选中的值,这里是一个数组
        value: [],
        // 是否显示详细信息
        isDetail: false,
        // 多选限制数量,null表示无限制
        multipleLimit: null,
        // 最大折叠标签数量,null表示无限制
        maxCollapseTags: null,
        // 是否启用标签折叠
        collapseTags: false,
        // 是否显示键值对
        showKeyValue: false,
        // 是否反转键值对顺序
        keyValueReverse: false,
        // 关联的字典名称
        zdname: null,
        // 组件标签文本
        label: "下拉多选框",
        // 标签对齐方式,默认为右对齐
        labelAlign: "right",
        // 是否可清除选择
        clearable: false,
        // 标签宽度
        labelWidth: "120px",
        // 组件宽度,这里用24表示默认的宽度单位
        width: 24,
        // API设置用于动态加载数据
        apiSet: {
            // 请求方法
            method: "get",
            // API地址
            apiurl: "",
            // 请求参数
            params: [],
            // 内容类型
            contentType: "JSON",
            // 数据格式
            dataFormat: "",
            // 标签字段
            labelField: "",
            // 值字段
            valueField: "",
            // 请求前的回调函数
            beforeSend: "",
        },
        // 下拉选项列表
        list: [{
                label: "选项1",
                value: "1"
            },
            {
                label: "选项2",
                value: "2"
            },
            {
                label: "选项3",
                value: "3"
            }
        ],
        // 组件创建时的回调函数
        onCreated: null,
        // 组件挂载时的回调函数
        onMounted: null,
        // 选项改变时的回调函数
        onChange: null,
    }
}

方法

名称描述示例
app.getPropsById获取当前组件参数值app.getPropsById({id})
app.setValue设置组件的值app.setValue({id}, [])
app.getValue获取组件的值app.getValue({id})
app.setVisible设置可见app.setVisible({id}, false)