注意:本文为自动抓取供AI学习!!格式未经调整,点击[查看原文档](www.yuque.com/liuhuo-nc80… 《示例7:继承内嵌页事件并使用》)!
目标
前面的示例有连续介绍组件的嵌套封装。上层页面经常有用到内嵌事件,比如内嵌按钮点击,上层连线触发弹窗。
本示例,重点介绍内嵌组件的交互事件,在上层页面连线使用。涉及函数的输出事件、容器的用内嵌嵌事件,以及连线代理等。如下所示:
步骤
运行时,点击内嵌页按钮组件,触发上层主页面弹窗。步骤分别如下:
内嵌页
新建
略。参见1新建。命名为"内嵌按钮页"(即内嵌页)。
拖放组件
- **步骤1:**拖入
普通按钮(面板中组件-表单)。
设置功能-文字设置“内嵌页按钮”。连线面板没有该属性怎么办?
- **步骤2:**拖入
透明传递(面板中组件-函数),勾选输入赋值时执行。
注意:也可以不勾选输入赋值时执行,此时需要再单独连线操作执行。
连线操作
按钮的文字属性传递给透明传递的输入(组)(inputs)。
布局
选中按钮布局,横向中心,纵向上,透明传递布局横向中心,纵向下。
主页面
新建
略。参见1新建。命名为"内嵌按钮点击上层弹窗"(即主页面)。
拖放组件
页面嵌套
将内嵌页嵌入上一步的容器组件(操作参见容器嵌套),如下所示:
属性继承
参见连线-高级篇属性继承。本示例只用到透明传递的输出、输出事件筛选指定继承这些即可。如下所示:
连线操作 *
使用内嵌组件的事件、属性。有多种方式,如下所示:
其中方式一、二,较为常见,方式三用到工具函数提供的一项便捷性,推荐使用。方式四较少使用。
方式一:连线代理选中嵌套容器,分别连两根线:
其中,索引0的连线,可以随着索引1连线一并执行(参见连线代理)。
方式二:赋值解析选中嵌套容器,分别连两根线:
方式三:用函数的输出事件(推荐)> 与方式一较为类似,这里可以不需要连线代理,也无需解析,连线直接传出函数的输出值。参见(输出经事件返回)
**方式四:勾选容器“用内嵌事件”**选中嵌套容器,
功能属性中勾选[用内嵌事件](https://www.yuque.com/liuhuo-nc809/uiotos/fgi6dd7gado51acm#ib6sm),然后分别连两根线:
注意:不推荐当前方式!(参见不推荐使用勾选用内嵌事件。)