Angular 组件之间的交互的示例代码

如何实现页面组件间的交互 组件之间的交互主要依托数据的变化和传输实现，将组件的属性与对应的数据进行绑定，当其他组件的事件、服务编排、事件等使属性绑定值发生变化时，绑定的属性也随即发生变化，实现了组件之间的交互。 数据绑定方式 在标准页面开发界面下侧，切换到“设计视图”。 在“设计

查看更多 →

所示。 图10 配置并预览示例 【信息】通过上述方法可实现同页面内组件的交互，关于页面间的组件交互请继续查阅页面间组件交互。 页面间组件交互 页面间的组件交互除了需要事件-动作机制，还需要用到AppCube中的页面宏。本节通过示例为您介绍页面间组件交互的方法，如图11所示，高级页

查看更多 →

事件编排器说明 您可通过系统预置的事件编排器，或者直接通过定义JS代码，来实现页面组件与后台接口之间的交互。 编排事件入口 在标准页面开发界面左侧单击择组件页签，右侧区域选择“事件”，单击具体事件后面的加号或者编辑按钮，新建或者修改事件，进入事件编排器页面。 您可在事件编排器页面

查看更多 →

参考上传自定义组件将组件包“SelectWidget.zip”上传到组件库，注意场景选择“业务大屏”或“业务小屏”。 测试组件。 在大屏或小屏页面中拖入该组件。 图21 拖入组件 在组件上方单击，配置组件交互事件。 单击“+交互事件”，选择“选中值发生变化时触发”事件，单击“+响应

查看更多 →

图1 页面示例 在页面开发中，通过两个自定义组件（标签页组件、详情展示组件）实现上述场景，其中标签页组件包含产品类别（手机、笔记本、平板等），详情展示组件用于展示不同产品类别的图片信息。两个组件通过事件和动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定详情展示组件中切换产品图片的动作。

查看更多 →

图1 页面示例 在页面开发中，通过两个自定义组件（标签页组件、详情展示组件）实现上述场景，其中标签页组件包含产品类别（手机、笔记本、平板等），详情展示组件用于展示不同产品类别的图片信息。两个组件通过事件和动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定详情展示组件中切换产品图片的动作。

查看更多 →

请在标准页面设计界面左侧组件区域，将鼠标悬浮在组件上，组件右上会出现问号图标，单击该图标会出现该组件的使用说明，说明中包含事件入参定义。 图3 查看组件说明 举例如下： 在表格的“事件”页签，单击“点击行”事件后的加号。 在“添加动作”窗口中输入如下代码： var data = context

查看更多 →

查看更多 →

于认证，并且获取到该用户的keytab文件。将获取到的文件拷贝到示例工程的 src/main/resources目录。 获取的用户需要同时属于storm组和kafka组。 下载并安装Kafka客户端程序，参见《Kafka应用开发》。 代码样例 创建拓扑： public static

查看更多 →

图7 添加表单组件后页面样式 设置“表单”组件样式“字体”为“16px”下外边距为“20px”。 图8 设置“表单”组件样式 当前页面未使用“分栏”组件，因此删除表单组件中所有的“分栏”组件，只保留包含按钮组件的“容器”组件。 图9 容器组件 在左侧面板中将“标题”组件拖至中间面板“容器”组件上方。

查看更多 →

算子actions配置参数说明 参数 说明 id 算子动作组ID。 也用作算子动作组注册为命令的命令ID，需要保证全局唯一。 type 算子类型。 register 标识算子动作组是否注册为命令。 默认值：true items 算子动作组配置列表。 数组类型。每个条目格式为： { type: ActionType;

查看更多 →

"value": "4", "label": "已关闭" } ] } 图10 配置组件数据源 在组件上方单击，配置组件交互事件。 在作为触发器中，单击“交互事件”，选择“当选中选项时”事件。单击“响应动作”，选择“赋值全局变量”，“赋值到变量”设置为“status”，单击“确

查看更多 →

查看更多 →

表2 参数配置说明 参数 说明 id 算子动作组ID。 也用作算子动作组注册为命令的命令ID，需要保证全局唯一。 type 算子类型。 register 标识算子动作组是否注册为命令。 默认值：true items 算子动作组配置列表。 数组类型。每个条目格式为： { type: ActionType;

查看更多 →

createTopology()); } } 部署运行 在Storm示例代码根目录执行如下命令打包："mvn package"。执行成功后，将会在target目录生成storm-examples-1.0.jar。 执行命令提交拓扑。提交命令示例（拓扑名为jdbc-test）。 storm jar

查看更多 →

查看更多 →

查看更多 →

查看更多 →

查看更多 →

查看更多 →

主要事件说明 事件编排器说明 您可通过系统预置的事件编排器，或者直接通过定义JS代码，来实现页面组件与后台接口之间的交互。 如何通过JS代码实现页面与后台接口间的交互 如果您擅长编写JS代码，您可以不使用事件编排器中的内置动作，直接通过手动编写JS代码实现事件的逻辑功能；系统支持

查看更多 →

本章节只适用Storm与JDBC组件间的访问。本章中描述的jar包的具体版本信息请以实际情况为准。 应用开发操作步骤 确认华为MRS产品Storm组件已经安装，且正常运行。 参考通过开源镜像站获取样例工程，获取样例代码解压目录中“src\storm-examples”目录下的样例工程文件夹storm

查看更多 →

本章节只适用Storm与JDBC组件间的访问。本章中描述的jar包的具体版本信息请以实际情况为准。 应用开发操作步骤 确认产品Storm组件已经安装，且正常运行。 参考通过开源镜像站获取样例工程，获取样例代码解压目录中“src\storm-examples”目录下的样例工程文件夹storm-ex

查看更多 →

查看更多 →

在开发工作台页面单击按钮，选择“高级页面 > 组件”，单击“提交新组件”按钮，在跳转到的“提交新组件”页面中填写组件基本信息，并上传压缩文件，操作步骤如下图所示（以上传TabsWidget组件为例），同样方法提交DisplayWidget组件。 图4 提交新组件 图5 上传自定义组件示例 表3 上传组件参数说明 参数

查看更多 →

全屏 全屏是基础交互组件的一种，能够灵活的在全屏展示和小屏展示中进行切换。 在设计页面左侧从“全部组件 > 其它”中拖拽全屏至设计页面右侧空白处。在页面中选中该组件，单击组件上方图标，配置组件属性，公共属性参数说明请参考组件公共属性说明。 图1 全屏配置效果 表1 参数说明 参数名

查看更多 →

如何实现页面组件间的交互 如何实现页面转跳 如何获取后台数据 如何执行后台逻辑 如何调测标准页面 查看页面性能 主要事件说明 平台标准组件介绍 创建自定义标准组件 创建标准页面模板 如何自定义主题样式 如何引入第三方库 如何将标准页面发布成高级组件 父主题： 低代码应用开发指导

查看更多 →

编译设置页面优化并支持打包实例数据 2022/03/20 DMAX组件交互能力优化 通过页面级参数定义，控制组件与组件、页面与组件的参数传递，从而达到交互的目的 2022/04/20 新增零代码能力 面向企业员工用户，提供零代码能力，即无需任何代码，通过拖拉拽即可快速构建应用，操作零门槛，行政、运营等非技术人员亦可快速上手

查看更多 →

查看更多 →

查看更多 →

的组件交互关系。 组件列表：展示本页面中的全部组件。 组件交互：在组件列表中，单击某组件，组件交互中上、下区域会分别显示其作为触发器或作为响应器的情况。单击“编辑交互”可修改组件之间的交互，例如添加交互事件或响应动作。 说明： 事件和动作都是组件的配置属性，用于实现组件与组件、组

查看更多 →

查看更多 →

查看更多 →

查看更多 →

查看更多 →

查看更多 →

查看更多 →

查看更多 →