高级组件-华为云

ASTRO轻应用 ASTROZERO-路由导航和路由视图:自定义布局样式

自定义布局样式如果导航页面，想实现如下图所示布局效果，即整个页面不需要有滚动条，而其中导航组件区域和全局路由视图组件区域可随滚动条滚动时，可参考如下步骤实现。图13 自定义布局样式页面效果在头部组件的“.css”样式文件中，指定头部组件的高度。样例代码如下： #headerWidget { height: 90px; } 参考基于预置组件进行自定义中操作，下载预置组件路由导航(示例)，解压global_NavigatorWidget.zip。修改解压后的“Navigator_Widget.css”文件，该文件是Widget的样式文件，在该文件中编写Widget的css样式。样例代码如下： html[app=desktop] body { overflow: hidden; } #navigatorWidget, #global_RouterViewWidget { height: calc(100% - 90px); overflow: scroll; } 将修改后的头部组件和组件路由导航组件文件，重新打成zip包。参考基于预置组件进行自定义中操作，上传重新打包后的组件。在高级页面设计器左上方，单击，拖出上传的头部组件、路由导航组件和预置的路由视图组件至设计页面。单击页面上方的，保存页面。保存成功后，单击，发布页面。发布成功后，单击，可查看页面效果。

ASTRO轻应用 ASTROZERO 全局高级组件

ASTRO轻应用 ASTROZERO-在线开发高级组件:场景描述

场景描述本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考华为消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。图1 消费者业务网站示例本章节主要在高级页面中，通过两个组件（标签页组件、信息展示组件）复现上述场景。其中，标签页组件包含产品类别（手机、笔记本、平板等），信息展示组件用于展示不同产品类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。本章节使用的示例组件开发过程中，使用了前端开发框架Vue及组件库Element。事件-动作机制的详情介绍，请参见如何实现组件交互。

ASTRO轻应用 ASTROZERO 开发高级组件

开天企业工作台 MSSE-第三方列表查询:属性

属性字段标题：该字段在页面呈现给用户的名称，默认名称为该字段类型名称。标题加粗：是否打开开关，默认关闭状态。字段状态：指成员在访问表单时，对该字段的可见、可编辑权限。只读：勾选后，页面上该字段可见、不可编辑。隐藏：勾选后，页面上该字段不可见、不可编辑。禁用：勾选后，页面上该字段仍可显示，但不可进行配置。验证：对字段做一些限制。必填：字段是否必填。勾选“必填”，页面展示会有提示必填。选择连接器：选择需要调用的连接器。选择连接器动作：选择被调用连接器内需要执行的动作。选择输入数据：单击“选择输入数据”，可以手动输入，也可以绑定本表单字段或者系统字段。选择返回数据：单击“选择返回数据”，选择返回数据。显示字段：设置第三方列表查询组件下拉列表显示的字段信息，支持选择多个字段，默认选择的第一项为下拉框选中后展示的内容。填充规则：按填充规则将第三方列表查询字段的值填充到当前表单的字段。由于数据结构的不同，对填充的字段有映射限制，如表1所示：表1 字段映射关系第三方列表查询字段类型可选择的本模板字段类型输入框输入框、数字输入框、单选按钮、单选下拉框、关联模板（下拉框）、日期选择框、日期范围选择框、成员（值为姓名）、级联选择、流水号、评分、开关多行输入框多行输入框、输入框、数字输入框、单选按钮、单选下拉框、关联模板（下拉框）、日期选择框，日期范围选择框，成员（值为姓名），级联选择、流水号，评分，开关日期选择框日期选择框数字输入框数字输入框、评分超链接超链接是否可见：页面是否显示第三方列表查询组件，默认是打开状态。宽度：字段配置框宽度占页面宽度的比例。

开天企业工作台 MSSE 高级组件

开天企业工作台 MSSE-关联模板:属性

属性字段标题：该字段在页面呈现给用户的名称，默认名称为该字段类型名称。标题加粗：是否打开开关，默认关闭状态。字段状态：指成员在访问表单时，对该字段的可见、可编辑权限。只读：勾选后，页面上该字段可见、不可编辑。隐藏：勾选后，页面上该字段不可见、不可编辑。禁用：勾选后，页面上该字段仍可显示，但不可进行配置。验证：对字段做一些限制。必填：字段是否必填。勾选“必填”，页面展示会有提示必填。宽度：字段配置框宽度占页面宽度的比例。选择模板表单：选择需关联的表单，支持关联事件模板表单和预置数据。此处选择“预置数据”，将不显示“筛选条件”和“填充规则”属性。筛选条件：对关联表单数据进行过滤筛选，获取满足条件的数据。表1 设置显示字段参数描述关联表单字段选择需设置筛选条件的关联表单字段或者系统字段。条件类型根据关联表单字段类型，设置不同的条件类型，包含是、不是、包含、不包含、为空、不为空等。字段值类型关联表单字段需满足的值，目前有两种类型：固定值和字段值。固定值：直接在后面的输入框或控件中输入或在下拉列表选择对应的值。字段值：根据当前表单的某个字段值动态变化，会影响关联模板组件下拉列表展示的数据。设定值 / 本表单字段根据字段值类型，输入或者选择对应值或者字段。操作筛选条件之间的关系，提供两种操作类型：且和或。且：关联时只显示满足所有条件的数据。或：关联时显示满足任一条件的数据。显示字段：设置关联模板组件下拉列表显示的关联表单字段信息，支持选择多个字段。默认选择的第一项为下拉框选中后展示的内容。下拉列表显示的信息支持设置按照字段进行排序展示。在“请选择显示字段”弹窗中，先选择显示字段，再单击右侧“设置排序”。如图2。模板数据是否去重：关联的模板表单数据是否去除重复值。开启后，重复值只保留一条记录。图2 设置显示字段在“排序”弹窗中，选择需排序字段，设置排序顺序，支持多个字段排序。支持排序的组件包含：输入框、多行输入框、日期选择框、日期范围选择框、数字输入框、复选按钮、单选按钮、下拉单选、下拉多选、评分。填充规则：将关联表字段的值填充到当前表单的字段。由于数据结构的不同，对填充的字段有映射限制，如表2所示：表2 字段映射关系本模板字段类型可选择的关联模板字段类型输入框输入框、数字输入框、单选按钮、单选下拉框、关联模板（下拉框）、日期选择框、日期范围选择框、成员（值为姓名）、级联选择、流水号、评分、开关多行输入框多行输入框、输入框、数字输入框、单选按钮、单选下拉框、关联模板（下拉框）、日期选择框，日期范围选择框，成员（值为姓名），级联选择、流水号，评分，开关日期选择框日期选择框日期范围选择框日期范围选择框数字输入框数字输入框、评分下拉单选下拉单选、单选按钮下拉多选下拉多选、复选按钮单选按钮单选按钮、下拉单选复选按钮复选按钮、下拉多选评分评分开关开关成员成员关联模板关联模板文件上传文件上传其他类型（如富文本）不展示（如富文本）

开天企业工作台 MSSE 高级组件

APPCUBE-在线开发高级组件:背景信息

背景信息当AppCube平台提供的全局高级组件无法满足您的开发需求时，平台支持开发者自定义组件包，上传后可在高级页面中使用。自定义组件的开发流程通常是选择系统预置的组件模板下载到本地，组件开发完成后再上传到组件库中，具体操作将在下面的章节中进行介绍。【信息】AppCube支持对全局高级组件进行二次开发后，上传为自定义组件。AppCube支持将标准页面发布为高级组件，详细信息请查阅如何将标准页面发布成高级组件。

APPCUBE 开发高级组件

APPCUBE-在线开发高级组件:场景描述

场景描述本节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考华为消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。图1 消费者业务网站示例本节主要在高级页面中，通过两个组件（标签页组件、信息展示组件）复现上述场景，其中标签页组件包含产品类别（手机、笔记本、平板等），信息展示组件用于展示不同产品类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。【信息】本节使用的示例组件开发过程中使用了前端开发框架Vue及组件库Element。事件-动作机制详细信息请查阅如何实现组件交互。

APPCUBE 开发高级组件

APPCUBE-翻牌器

翻牌器翻牌器组件用于在页面中展示实时数据的变化，在初始化或数据刷新时页面该组件展示数据会连续变动到新的数据。在设计页面左上方单击，从“文本”中拖出翻牌器组件至设计页面右侧空白处。在页面中，单击选中该组件，会在右侧显示该组件的属性配置面板。参数说明请参考预置组件及公共属性说明。其中“数据”页签“桥接器实例”选择“翻牌器数据桥接器”，“数据类型”选择“静态数据”，可在预置的静态数据中改变“number”的取值来设置翻牌器显示的具体数字，您也可设置通过调用URL来配置动态数据。选择该组件，单击鼠标右键选择“高级设置”，可对翻牌器进行多种配置。图1 普通类型效果图2 滚动类型效果表1 翻牌器配置参数说明区域参数名说明样式设置数字大小数字文本的大小。数字颜色数字文本的颜色。数字背景色数字所占格子的背景颜色。数字间隔（px）数字之间的间隔距离，取值范围为4~30px。卡片内边距整体数字和组件边框的内边距。字体粗细数字文本字体的粗细。显示千分逗号数值是否显示千分位逗号分隔符。显示标题是否显示翻牌器组件的标题。标题内容翻牌器组件的标题内容。当打开“显示标题”开关时，该参数才会出现。标题对齐方式翻牌器组件的标题对齐方式。当打开“显示标题”开关时，该参数才会出现。标题颜色翻牌器组件的标题文本颜色。当打开“显示标题”开关时，该参数才会出现。标题大小翻牌器组件的标题文本大小。当打开“显示标题”开关时，该参数才会出现。显示单位是否显示翻牌器数字的单位。单位内容翻牌器数字的单位文本内容。当打开“显示单位”开关时，该参数才会出现。单位颜色翻牌器数字的单位文本颜色。当打开“显示单位”开关时，该参数才会出现。单位大小翻牌器数字的单位文本大小。当打开“显示单位”开关时，该参数才会出现。动画设置动画类型翻牌器数字动画类型，分“普通类型”、“滚动类型”和“翻牌类型”。动画时间（ms）动画播放的时长，单位ms。单次变换间隔（ms）动画单次变换的间隔时长，单位ms。父主题：全局高级组件

APPCUBE 全局高级组件

云服务器内容精选

高级组件

7*24

备案

专业服务

退订

建议反馈

售前咨询热线