Appearance
属性
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) |