使用了dojo102的新版树形结构组件,发现和原来的版本差别十分巨大(无论是在实现还是在使用上)
很多以前方便的方法都被去掉了,只能自己修改源代码了……
先说一下在新版树结构中添加复选框的方式:
在这里添加的复选框类型是dijit.form.CheckBox类型。
首先我继承出一个新的treeNode类型的widget:
在template中添加了存放复选框的div:
现在contentNode部分变成了:
"<div dojoAttachPoint=\"contentNode\" class=\"dijitTreeContent\" waiRole=\"presentation\">\n\t\t",
" <div dojoAttachPoint=\"iconNode\" class=\"dijitInline dijitTreeIcon\" waiRole=\"presentation\">",
"</div>\n\t\t",
"<span dojoAttachPoint=\"boxNode\" class=\"dijitTreeLabel\" wairole=\"treeitem\" >",
"</span>\n\t",
"<span dojoAttachPoint=\"labelNode\" class=\"dijitTreeLabel\" wairole=\"treeitem\" tabindex=\"-1\">",
"</span>\n\t",
"</div>\n",
红色的部分就增加的。
然后在postCreate方法中增加CheckBox:
box =new dijit.form.CheckBox(param);
this.boxNode.appendChild(box.domNode);
其中param是创建CheckBox的一些参数。
这样,就可以将复选框增加到树节点前面了。
分享到:
相关推荐
**DOJO Release 1.02 知识点详解** `DOJO` 是一个开源的 JavaScript 库,专为构建富互联网应用程序(RIA)而设计,尤其在 Web 2.0 的时代,它成为了网页设计师和开发者的热门选择。`DOJO Release 1.02` 是 DOJO ...
dojo扩展grid(带刷新函数复选框等功能).js
【基于Dojo的动态树】是一种使用JavaScript库Dojo Toolkit创建的交互式树形结构,常用于展现层次化的数据或导航菜单。Dojo Toolkit是一个功能强大的JavaScript库,它提供了多种UI组件,包括Tree组件,可以方便地在...
本篇将详细探讨"dojo任意级树的节点转移"这一主题,它是Dojo框架在处理树形数据结构时的一个关键操作。 首先,我们要理解Dojo Tree。Dojo Tree是一个可交互的、多级的树状视图,它允许用户通过点击或拖拽来展开、...
dojo异步树.js 实现异步加载节点功能
dojo 实现登陆框架 浪曦的那个谁讲的我忘了饿
总结,"AJAX之Dojo实现登陆框"涵盖了使用Dojo库进行AJAX请求,构建无刷新登录表单,处理表单数据,以及相关的事件监听和响应处理。在实践中,还需要结合前端验证、后端安全措施以及用户体验设计来创建一个完整的登录...
在`dojotree.js`文件中,可能包含了实现这些操作的具体逻辑,例如与服务器通信以更新数据,或在数据存储中添加、删除和修改节点。 这个例子展示了Dojo Tree的强大功能,不仅可以轻松地显示层次结构的数据,还可以...
dojo异步树js
Dojo的`dojo.data.ItemFileReadStore`或`dojo.store.JsonRest`可以与服务端API配合,实现按需加载节点。当用户展开树的一个分支时,会触发请求来获取该分支的子节点。 3. **分级** 分级树意味着树形列表中的节点有...
DOJO的核心之一是它的模块化系统,这是通过AMD(Asynchronous Module Definition)规范实现的。AMD允许开发者异步加载和依赖管理,提高页面性能,尤其是在处理大量JavaScript代码时。DOJO的`require`函数是模块加载...
Dojo事件处理框架是JavaScript库Dojo Toolkit中的一个重要组成部分,它提供了一种统一的方式来管理和处理DOM事件以及JavaScript对象之间的交互。这个系统深受面向切面编程(AOP)思想的影响,尤其是其advice机制,...
- **`dojo.forEach`**:这个方法可以遍历一个数组或一组DOM节点,并对每个元素执行特定的操作。 ```javascript dojo.forEach(dojo.query("[name^=aa]"), function(obj, i, list) { // 对name以"aa"开头的每一个...
### Dojo框架中的`dojo.byId()`方法:深入解析与应用 在现代Web开发中,DOM(Document Object Model)操作是构建动态网页的关键技术之一。Dojo框架,作为一款开源的JavaScript库,为开发者提供了丰富的工具集,使得...
6. **动画效果**:Dojo的`dojo/fx`模块包含了一系列动画效果,如淡入淡出、滑动等,可以轻松地添加视觉动态效果到网页中。 7. **国际化和本地化**:Dojo支持多语言和本地化,`dojo/i18n`模块可以帮助开发者轻松地...
和前一个树形菜单 大多数例子是基于 PHP 的 发现很多 dojo 学者想下载 dojo 的API…… 结论是:下不到的! 发现很多想下载一些帮助例子,在http://download.dojotoolkit.org/ 下才能找到,进去点版本,比如 ...
总结,Dojo提示框是Dojo框架中的重要组件,它提供了多种方式来实现用户交互,包括基础提示框、确认提示框和可拖动提示框。理解和掌握这些用法,将有助于提升你的Web应用的用户体验。通过学习和实践,你可以灵活运用...