APPCUBE-(可选)步骤3:自定义调查问卷页面:操作步骤
操作步骤
- 选中“page”文件夹下的问卷调查页面“命名空间__轻应用名_questionnairePage”(该页面名称前缀根据命名空间和轻应用名称取值会有所变化),若是锁定状态,请单击页面上方的,获取锁。
- 查看并修改该页面预置的数据模型。
AppCube的标准页面是通过数据模型驱动的,页面所有的逻辑都是围绕数据模型展开的。在将模型与前台页面组件(例如输入框)或者后台逻辑绑定后,开发者只需要关注模型数据的实例化和处理,不需要关注页面的渲染和展示。
- 切换到“设计视图”(页面编辑区域左下角),从左侧组件区域拖拽“下拉框”组件到“设计视图”中。
图3 拖入下拉框
- 选中下拉框组件,在右侧配置下拉框组件属性。
表1 下拉框属性说明 属性
说明
数据绑定
如图4所示,设置组件绑定的数据模型,在下拉框“属性”页签单击数据绑定后的齿轮图标,选择2中添加的模型字段“form_1.nasc__questionCode10__ CS T”。
设置属性值绑定,在属性值后单击“+”,添加“禁用”属性,模型字段选择“editFlag”。目的是填写问卷后,查看该调查问卷时,不可编辑。
标签
下拉框的显示名称,只有下拉框放在表单form中才生效。
支持国际化配置,在配置该属性时,可选择已有多语言、创建或更新多语言。此处创建的多语言会保存在租户的多语言库中。
如图6所示,单击标签后的,选择“创建或更新多语言”,设置多语言名称和多语言内容,例如“名称”设置为“item”,中文设置为“您最常使用的功能或者您最感兴趣的功能有哪些?”。
占位符
下拉框未选择时,展示给用户的提示信息。
支持国际化配置,在配置该属性时,可选择已有多语言、创建或更新多语言。此处创建的多语言会保存在租户的多语言库中。
本示例不用配置。
选项
下拉框单击后可选择的选项内容。
设置如图5所示选项。其中选项值支持国际化配置,在配置该属性时,选择“创建或更新多语言”,设置多语言名称和多语言内容。
选项列表
单击齿轮图标,支持选择系统中配置的选项列表。
选项和选项列表只能配置其中一种。这里不用再配置选项列表。
是否多选
配置下拉框是否提供多选的能力。
打开该开关。
可清空
是否在选择下拉框显示一个删除图标,来删除选择框的内容。
未选中“是否多选”时才显示该配置项,本示例不用配置。
弹层独立
选项值区域展示不全,部分内容隐藏时,开启后,可显示完整选项值。
本示例不用配置。
可过滤
配置下拉框是否提供过滤的能力。
本示例不用配置。
远程搜索
是否根据输入的关键字调用自定义的接口查询数据。和事件“on-remote-search”配合使用。
本示例不用配置。
是否初始加载
配置下拉框是否初始加载。
本示例不用配置。
必填
是否设置为必须填入值。
本示例不用配置。
必填错误信息
在绑定了对象模型且下拉框放置于表单组件里面的情况下,当设置必填时,输入值为空会提示相应该信息。
支持国际化配置,在配置该属性时,可选择已有多语言、创建或更新多语言。此处创建的多语言会保存在租户的多语言库中。
本示例不用配置。
- 单击页面上方的,保存页面,并单击,释放锁。
- 单击页面上方的,即可查看页面配置效果。
图7 预览配置效果