• 沒有找到結果。

如何定义对象编辑页面布局

对于租户创建的自定义对象,系统会自动创建对象的Detail和Records标准页面,

Detail页面缺省按字段创建的先后顺序显示该对象的全部字段。开发者可以根据需要新 增定义定制Layout页面,例如定义对象编辑页面Layout。

● 对象详情页面Detail:显示对象中单条记录的详细信息。给自定义对象创建字段 时,如果选中了“添加本字段到该页面布局”,则详情页面会包含该自定义字 段,另外还会包含预置的name字段。默认会按照字段创建的先后顺序显示该对象 的全部字段。

● 对象记录列表页面Records:显示对象数据的记录列表。给自定义对象创建字段 时,如果选中了“添加本字段到该页面布局”,则记录列表页面会包含该自定义 字段,另外还会包含预置的name字段。预览该页面可增、删、改、查对象数据。

说明

只有自定义对象才会在对象配置页面展示“布局”页签,开发者可在该页签定制自定义对象的布 局页;对于系统预置对象(标准类型对象)不会显示布局页签。

步骤1 在对象配置页面,单击“布局”页签,单击“新建”,填写新建对象布局的基本信 息,单击“保存”,这里使用Records标准页面。

4-27 New Layout

步骤2 在左侧可以选择各种组件,单击中间画布的组件,可以在右侧修改组件的属性等。

4-28 布局页面编辑

步骤3 单击每个字段的Input组件,配置字段属性,如图4-28的name字段。(因为这里使用 了Records标准页面,不修改也可以直接保存。如果想添加组件就可以按需求添加)

系统默认会将该对象所有自定义字段和部分标准字段进行展示,您可根据需要进行删 除。选中组件按“Delete”即可删除该字段。

Field字段属性的参数配置如表4-12所示。

4-12 输入框属性说明

参数名 说明

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

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

文本类型 该输入框文本类型。

标签 该输入框在界面的展示标签名。

参数名 说明

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

参数名 说明

● 对象类型:返回为“{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代码返回值类型为布尔类型时,会取该参数

参数名 说明

高级设置 包括以下设置项:

● 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引 用。

● 预设样式:预置的组件样式风格。

● 样式透传:启用后,可以将设置好的样式透传给组件的子节 点。

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

步骤4 配置完成后,单击编辑页面左上方 图标,保存所有配置。再单击 预览效果。

----结束