对象容器
文档 属性·动作·事件
功能概述
对象容器是一个虚拟的容器，其唯一的作用就是帮助我们整理对象树的结构。
对象容器可以加在前台或者后台。我们可以认为在应用运行时，对象容器是完全“透明”的，它不会在应用渲染时添加额外的元素，它的作用仅限于在编辑时整理对象树。
一般会有两种常见的整理用法，将同一类的对象放在对象容器中，或者按页面区域/功能组合，将对象分入一个对象容器中。目的都是为了更好得理顺对象树结构，方便后期的更新维护。
条件容器
文档 属性·动作·事件
功能概述
条件容器-可以在满足筛选条件的情况下，在应用程序运行时动态创建对象，其作用相当于给对象的“可见”属性进行条件绑定。 条件容器可以方便的-将多个筛选条件组合在一起，与绑定“可见”属性所需的三元表达式相比更为直观：
条件容器-通常和循环创建组件配合使用，实现动态UI单元的筛选和分类，如下图所示的demo信息页，根据“后台技术”和“组件”两个条件对demo进行了筛选：
基本用法
条件容器可以单独使用，实现动态对象的创建或不创建， 也可以成组使用，实现 if / else-if / else-if /… / else的多选一创建效果。 如下图中所示，当输入框的内容≥60时，显示“及格”，否则显示“不及格”：
步骤1 对象的添加
在前台目录下，添加两个条件容器、两个文本、一个输入框，两个文本内容分别修改为“及格”和“不及格”。添加后的对象树如下：
步骤1 条件的编辑
对条件容器1和条件容器2的条件进行如下编辑：
预览可得到预期的效果。
循环创建与条件容器
在循环创建动态列表时使用条件容器，可以过滤掉不满足条件的UI单元。尝试从一张成绩单中，筛选出分数>80且职务为“课代表”的学生信息：
步骤1 对象的添加
在前台目录下，添加一个循环创建、一个条件容器、一个行、三个文本、一个对象数组。循环创建组件的用法：请参考循环创建的文档，本例中条件容器组件添加在UI单元的外层。 添加后的对象树如下：
步骤2 数据源的编辑
编辑对象数组如下：
步骤3 数据源及属性的绑定
对循环创建组件的“数据来源”和三个文本组件的“内容”进行如下绑定（“当前数据1”的含义请参考循环创建的文档）：
步骤4 筛选条件的编辑
在条件容器的属性面板中，编辑筛选条件如下：
预览可得到预期的效果。
本例的另外一种实现方法：是不使用条件容器设置筛选条件，而是使用对象数组的“筛选输出”编写事件逻辑，得到筛选后的对象数组， 再将筛选后的对象数组-作为循环创建的数据源。 开发者可以阅读对象数组的文档后自行尝试。
若有收获，就点个赞吧
0 人点赞
