管理对象数据

数据绑定

设置组件绑定的数据模型，该输入框取值由模型元数据驱动生成。

属性值绑定：该组件的所有属性的动态设置。当某一属性被动态绑定时，以绑定值为准。

文本类型

输入框的文本类型。

标签

输入框在界面展示的名称。

占位符

设置占位符，可辅助元素对齐，让页面更整齐。

支持国际化配置，在配置该属性时，可选择已有多语言、创建或更新多语言。此处创建的多语言，会保存在租户的多语言库中。

可清空

是否可清空输入值。

默认值

输入框的默认值。

支持国际化配置，在配置该属性时，可选择已有多语言、创建或更新多语言。此处创建的多语言，会保存在租户的多语言库中。

图标

输入框中需要设置图标时，请配置该项。

图标位置

输入框中的图标位置。

最大字符长度

输入框取值的最大字符长度。

最大宽度

输入框最大的宽度。

必填

当该开关打开时，该输入框为必填字段。输入框界面展示会有提示必填，此校验功能必须是输入框存在于某个表单组件中。

必填错误信息

当必填输入框没有进行输入取值时，界面的报错信息。

支持国际化配置，在配置该属性时，可选择已有多语言、创建或更新多语言。此处创建的多语言，会保存在租户的多语言库中。

正则表达式

当输入框字段类型为“Text”或“TextArea”类型，支持进行正则表达式校验。

例如，配置为“^[A-Za-z]+$”，表示该字段只能输入大写的“A-Z”，或小写的“a-z”。

错误信息

当不满足正则表达式规则时，界面的报错信息。

支持国际化配置，在配置该属性时，可选择已有多语言、创建或更新多语言。此处创建的多语言，会保存在租户的多语言库中。

自定义校验

在表单组件中该设置才会生效，为自定义的校验规则。请输入JS代码定义校验规则，代码的返回值必须为布尔类型或对象类型。

• 布尔类型：返回为“false”表示未通过校验，即校验失败，若需要配置错误提示信息，则直接设置界面上“校验错误信息”参数。返回值为“true”，表示通过校验。
• 对象类型：返回为“{result:false, message:'对应错误提示信息'}”，表示未通过校验，message值为错误提示信息。返回为“{result:true}”，表示校验通过，一般不用带提示信息。

举例如下：

• 示例1：校验输入文字内容长度不能超过10个字符。示例JS代码如下：

  return value.length <= 10

  其中，“value”变量为系统已定义好的，表示输入内容变量，可直接使用该变量

• 示例2：校验输入文字内容，只能输入大写的“A-Z”，或小写的“a-z”。示例JS代码如下：
  返回值类型为布尔：

  var reg = new RegExp("^[A-Za-z]+$");
  return reg.test(value);

  返回值类型为对象：

  var reg = new RegExp("^[A-Za-z]+$");
  if (reg.test(value)) {
   return true;
  } else {
    return {result: false, message:'输入内容不符合规则，只能输入大写的A-Z，或者小写的a-z'};
  }

• 示例3：校验输入文字内容是否为邮箱，该示例可能不覆盖全部邮箱类型场景，只是举例用。示例JS代码如下：

  var reg = new RegExp("^[a-z0-9A-Z]+[- | a-z0-9A-Z . _]+@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\\.)+[a-z]{2,}$");
  return reg.test(value);

校验错误信息

• 当“自定义校验”中，JS代码返回值类型为布尔类型时，会取该参数的值为错误提示信息。
• 当“自定义校验”中，JS代码返回值类型为对象类型时，直接取返回值中的message值为错误提示信息。

控件名称

当前组件的名称。

隐藏

是否隐藏该组件。

只读

输入框的值是否只读。

禁用

是否禁用该组件。

高级设置

• 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。
• 预设样式：预置的组件样式风格。
• 样式透传：启用后，可以将设置好的样式，透传给组件的子节点。

组件树

如果页面上组件较多，不容易选中时，可以在右侧下方的组件树中，通过选择需要设置的组件名称，快速选中该组件。