xmlplus组件设计系列之树(Tree)(9)
树形组件是一种具有层级结构的组件,广泛应用于各种场景。本章将采用具有如下 JSON 格式的数据对象。上述数据源中,name 值会作为树结点的名称显示,含 children 的数组代表节点的子级。下面是一种可能的设计:注意,上面的 neme 对象是用于显示 name 属性的。expand 对象用于展开或者关闭子级对象 entries。该接口函数 val 只是设置了当前节点相关的内容。上述代码中包含一个 open 参数,该参数记录了当前节点的是否处于展开状态以供相关的侦听器使用。首先,我们在对象 entries 的子级添加一个触发按钮,并命名为 add。其次,需要侦听 add 对象的点击事件,在侦听器中完成对象的添加。因为其父级属于延迟实例化的组件,在 entries 对象未实例化之间,add 对象并不可见。本系列文章基于 xmlplus 框架。
用户评论