检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选择“分栏”下的2次，新增2个分栏。 向前两个分栏，分别拖拽1个“输入框”组件，向第三个分栏中，拖拽一个“下拉框”组件。 图5 拖拽输入框、下拉框 配置组件属性，及数据绑定。 设置第一个“输入框”属性。 添加值绑定。 选中“输入框”组件，单击“数据绑定”下“值绑定”的，在弹窗中选择“ u
Field字段属性的参数配置，如表1所示。 表1 输入框属性说明 参数 参数说明 数据绑定 设置组件绑定的数据模型，该输入框取值由模型元数据驱动生成。 属性值绑定：该组件的所有属性的动态设置。当某一属性被动态绑定时，以绑定值为准。 文本类型 输入框的文本类型。 标签 输入框在界面展示的名称。 占位符
自定义属性列表 > 展示溢出文本：允许文本超出组件的容器。 高级设置 在高级设置中，选择设置的文本内容，在出现的配置弹窗中，可进行是否加粗、是否倾斜、字号、字体、文本颜色、背景颜色、对齐方式等配置。 图3 编辑器中文本配置 另外，若需要在文本中设置变量，变量值来自文本组件数据桥接器中的配
显示组件的自定义属性。 文本设置 文本内容：在输入框中，直接输入文本的内容。 字体：设置输入文本的字体。 字体粗细：设置输入文本的字体粗细，如正常、更细、更粗和加粗。 字号：设置输入文本的字体大小，如特小号、中号、大号等。 字体颜色：设置输入文本的字体颜色。 文本装饰：为文本添加下划线、删除线和上划线。
emplate中的“trigger Event”按钮，可将此组件输入框中的文本传递给widgetActionTemplate组件，在widgetActionTemplate组件中执行动作，将文本显示到该组件的输入框中。 图2 事件、动作组件示例 其主要实现如下： widgetEventTemplate组件
为什么选择AppCube？”，并设置最大字符长度“256”。 图33 属性配置 在左侧面板中，将“多行输入框”组件拖拽到中间面板“多行输入框”组件下方。 图34 将“多行输入框”组件拖至中间面板 在“属性 > 数据绑定”中，单击右侧齿轮按钮，选择表单数据绑定的对象“form_0”
个租户只能创建一个命名空间，创建后不支持修改。 必须以字母开头，仅能包含字母、数字、下划线、中划线或点。 类别 错误码所属的分类，直接在输入框中输入即可。 Http状态码 Http协议状态码。 语言 请根据实际需求，从下拉列表中选择语言类型。 单击“新增”，支持创建多语言错误码。
数据”配置为“文本”，名称和标签配置为“Name”，单击“添加到表单”。 您也可以根据需求，选择表单类型或对象类型进行配置。 图5 添加Name 参考上一步操作，添加如下基础类型数据到表单中。 选择数据 请输入名称 标签 文本（9已添加） Name Name 文本 Destination
修改第1个折叠页“折叠页签标题”的“标签”下的“文本内容”修改为“故障记录”。 在“故障记录”的“折叠页签内容”下，拖入1个分栏组件，设置为3列，并向第1列拖入“输入框”，并修改输入框的标签为“故障现象说明”。 修改第2个折叠页“折叠页签标题”的“标签”下的“文本内容”修改为“时间记录”。 在“
富文本 富文本组件为升级版的文本的输入，支持填写图文并茂的内容。 在表单开发页面，从“数据组件”中，拖拽“富文本”组件至表单设计区域，如图1。 图1 富文本 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 行数：设置富文本默认行数，支持行高随内容自动调整。
putParam节点。 下面以输入框组件通过定义服务模型类型的数据模型，调用后台接口（服务编排或脚本）为例，进行介绍。 参考什么是标准页面中操作，新建标准页面，并拖入输入框组件。 选中输入框组件，在页面右侧的“属性 > 数据绑定”中，单击，为输入框设置数据源。 图3 绑定模型 在“选择模型”页面，单击“新增模型”。
对话框。 表单 输入框：文本输入框，关联对象文本（text）类型，可编辑一行的文本控件，包含标签。控件内的标签将其与输入组件区分开。适用于普通文本输入。 多行输入框：多行文本输入区域，关联对象文本区（Text Area）类型，多行可编辑的文本控件。适用于多行文本输入。 日期选择框
在标准页面中，拖入2个输入框组件和1个按钮组件，将输入框标签修改为“name”和“id”，将按钮显示名称设置为“添加”。 图12 页面最终设置效果 选中name输入框，在“属性 > 数据绑定 > 值绑定”中，单击。 选中3中创建的模型（proName），将输入框和脚本中的数据做绑定。
新增行”的，修改为2个分栏，每个分栏中有1栏。 图2 设置分栏为1栏 在第1个分栏中拖入一个“输入框”，在第2个分栏中拖入一个“下拉框”。 图3 拖入输入框、下拉框到分栏 选中“输入框”，在右侧属性面板中，单击，在选择模型弹窗中，选择“transInfo”下的“HW__workO
的“+”。 输入页面的标签和名称，单击“添加”，新建一个标准页面。 从基本组件中，拖拽2个输入框组件和1个按钮组件到右侧画布中。 选中第一个输入框，将标签修改为“name”，将第二个输入框的标签修改为“id”，将按钮显示名称设置为“添加”。 图8 设计表单页面 新建对象模型。 在
文本组合 文本组合是将当前表单中的字段按照一定的格式进行组合。 在表单开发页面，从“数据组件”中，拖拽“文本组合”组件至表单设计区域，如图1。 图1 文本组合 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 选择字段：选择组合的字段，字段和分隔字符不能超过10个。
单击，在弹出的页面中，根据页面提供的参数解释，选择新建字段所属的类型。 文本 按照上述操作，为对象添加表4中字段。 表4 添加其他字段 显示名称 唯一标识 字段类型 pictureId pictureId 文本 picUrl picUrl 文本区 result result 文本区 创建OCR连接器。 在应用设计器
emplate中的“trigger Event”按钮，可将此组件输入框中的文本传递给widgetActionTemplate组件，在widgetActionTemplate组件中执行动作，将文本显示到该组件的输入框中。 图6 事件、动作组件示例 其主要实现如下： widgetEventTemplate组件
重置”按钮，单击“完成”。然后先单击“保存”按钮，再单击“预览”按钮，效果如图1启用前效果图所示。在主题中配置该输入框的背景色为红色，启用主题使得标准页面表单中输入框的背景色为红色，效果如图2启用后效果图所示。 图1 启用前效果图 图2 启用后效果图 您需要熟悉CSS的Less代
平台标准组件介绍 标准页面组件入门 页面 分栏 表单 表格 表格（新） 列表视图 图片 二维码 分页 模态框 输入框 下拉框 按钮 上传 面包屑 视频播放 BPM相关组件 父主题： 标准页面
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
