Skip to content

属性

javascript
// 定义一个输入框组件的配置对象
input: {
    // 表示该组件不是一个容器
    isContainer: false,
    // 组件的显示名称
    displayName: "输入框",
    // 表示该组件可以用于表单
    isForm: true,
    // 允许添加数据表查询
    canAddDataTableQuery: true,
    // 允许添加数据表列表
    canAddDataTableList: true,
    // 表示该组件是否完整,即是否包含所有必要属性
    complete: true,
    // 组件的具体属性配置
    props: {
        // 是否显示标签
        hasLabel: true,
        // 输入框的大小
        size: "default",
        // 备注,通常用于说明或附加信息
        remark: "",
        // 是否为必填项
        required: false,
        // 是否只读
        readonly: false,
        // 是否禁用
        disabled: false,
        // 是否显示详细信息
        isDetail: false,
        // 是否隐藏输入框
        hide: false,
        // 输入框的占位符
        placeholder: "请输入",
        // 输入框前缀文本
        prependText: "",
        // 输入框后缀文本
        appendText: '',
        // 标签位置,可选值有左、右等
        labelPosition: "left",
        // 输入框的值
        value: null,
        // 自定义名称,可用于特殊场景
        zdname: null,
        // 标签文本
        label: "输入框",
        // 标签对齐方式
        labelAlign: "right",
        // 标签宽度
        labelWidth: "120px",
        // 输入框宽度,通常以百分比或像素为单位
        width: 24,
        // 输入框类型,如文本、密码、数字等
        type: "text",
        // 验证规则,用于校验输入内容
        validate: null,
        // 文本域的行数,仅当类型为textarea时有效
        rows: 3,
        // 是否对输入内容进行trim操作
        isTrim: false,
        // 最大输入长度
        maxlength: null,
        // 是否显示输入长度限制
        showLimit: false,
        // 组件创建时的回调函数
        onCreated: null,
        // 组件挂载后的回调函数
        onMounted: null,
        // 输入时的回调函数
        onInput: null,
        // 值改变时的回调函数
        onChange: null,
        // 获得焦点时的回调函数
        onFocus: null,
        // 失去焦点时的回调函数
        onBlur: null,
        // 自定义处理函数
        onHandle: null,
    }
}

方法

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