`
zhuzhuyuan
  • 浏览: 6984 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

dojo Tree数据交互

 
阅读更多

dojo学习了两周时间想总结一下。

dojo分下列几块:

事件机制:事件绑定(最让他烧包的就是他的发布订阅,不过我做的时候没用到)

组件布局:建议使用dojox.layout.ContentPane(如果使用它的话那么主框架加载了dojo的包那么子页面就不再加载了。带来的问题就是所有父子页面的生存空间相当于一个window,那么所有的id不能重复)。

加载机制:dojo.ready;dojo.addOnLoad方法。

AJax机制:没啥说得看referenceAPI吧

附件给个例子:

功能:
1.双击左边树的国家节点,之后该节点在左侧删除,右侧多了一个删除的该节点
2.双击右边树的国家节点,之后该节点在右侧删除,左侧多了一个删除的该节点
3.点击右侧树的国家节点或者点击ctrl键选择多个国家节点,之后点击【>】按钮,可发选右侧树多了选中的节点
4.点击左侧树的国家节点或者点击ctrl键选择多个国家节点,之后点击【<】按钮,可发选左侧树多了选中的节点
5.左侧树如果不为空点击【获取数据】按钮可得左侧树的信息firebug中可以看到结果
6.该例子已经在ie7,ie8,firefox14.0.1测试通过,都能达到描述效果。界面无报错信息

分享到:
评论

相关推荐

    dojo动态tree

    Dojo 动态Tree是基于Dojo Toolkit的一个组件,它用于在Web应用中展示层级结构的数据,例如组织架构、文件目录或任何具有层次关系的信息。Dojo Toolkit是一个强大的JavaScript库,提供了丰富的UI组件和功能,使得开发...

    struts2-dojo-tree各种实例

    总的来说,Struts2 Dojo Tree结合了Java后端的强大处理能力和JavaScript前端的丰富交互,为开发者提供了一种有效展示和操作层次数据的解决方案。通过不断实践和探索,你可以利用这些实例提升你的Web应用用户体验。

    dojo任意级树的节点转移

    Dojo Tree通过`dijit/tree/ForestStoreModel`和`dijit/Tree`等组件提供了强大的树型数据模型和渲染能力。 "任意级树的节点转移"涉及到的主要知识点有: 1. **数据模型**:在Dojo Tree中,每个节点都由一个数据对象...

    基于dojo的动态树

    【基于Dojo的动态树】是一种使用JavaScript库Dojo Toolkit创建的交互式树形结构,常用于展现层次化的数据或导航菜单。Dojo Toolkit是一个功能强大的JavaScript库,它提供了多种UI组件,包括Tree组件,可以方便地在...

    dojo树实例

    这个例子展示了Dojo Tree的强大功能,不仅可以轻松地显示层次结构的数据,还可以通过自定义事件处理程序实现交互性。对于大型的Web应用程序,Dojo Tree提供了一种优雅的方式来管理复杂的数据结构,并且易于扩展和...

    dojo 树形列表 dijit.tree

    在Dojo中,我们可以使用`dijit.tree.ForestStoreModel`来定义数据模型,`dijit.Tree`来创建树视图。每个节点可以包含子节点,通过递归的方式展示层次结构。配置包括定义节点的数据标识(id),以及如何获取子节点的...

    DOjo中文使用手册

    DOjo提供了许多高级功能,如树(Tree)、数据Grid、图表等。这些功能可以帮助用户快速构建复杂的Web应用程序。 Dojox扩展包 Dojox是DOjo的一个扩展包,提供了许多有用的功能,如 CometD、图表、数据Grid等。Dojox...

    dojo相关的js

    同时,还可以利用Dojo的Data Stores(数据存储)和Widgets(组件)来创建交互式的用户界面,例如Grid、Tree等,进一步提升用户体验。 标签"dojo"提示我们关注的重点是Dojo框架本身,所以了解Dojo的模块系统、主题、...

    dojo pagination example

    在这个文件中,开发者可能创建了一个Dojo数据网格(`dojox/grid/DataGrid`或`dijit/Tree`),并集成了一个分页插件(如`dojox/grid/pagination`)。分页插件通常包含上一页、下一页、页码选择和每页条目数设置等功能...

    dojotree 1.1.1

    其中,Dojo Tree是用于创建可扩展和交互的树形视图的组件,适用于展示层级结构的数据,如文件系统、组织结构或导航菜单。 在实现动态加载的过程中,服务器端需要按照特定的格式返回数据,这些数据通常以JSON或XML的...

    Dojo toolkit

    3. **UI组件**:Dojo提供了大量预先封装好的UI组件,如dijit/Dialog对话框、dijit/Calendar日历控件、dijit/Tree树形结构等,这些组件样式美观且易于集成到项目中。 4. **数据绑定和模板**:dojox/mvc提供了模型-...

    Dojo API 1.9.chm 离线参考手册

    结合`dijit/tree`,可以构建交互式的树形数据结构,广泛应用于导航菜单或文件目录展示。 7. **dojo/xhr**:Dojo的异步HTTP请求模块,如`dojo/xhrGet`和`dojo/xhrPost`,提供了简单易用的接口进行AJAX通信,支持JSON...

    dojo document API 离线版制作依赖文件

    `tree.json` 文件是一个JSON格式的数据结构,它描述了Dojo API 文档的目录结构。这个文件通常用于构建一个可交互的侧边栏或者导航菜单,使得用户可以通过层级关系轻松地浏览和跳转到不同模块或类的文档页面。在离线...

    dojo中文++++资料

    2. **数据绑定**:Dojo的数据绑定功能允许开发者轻松地连接UI元素和数据模型,简化视图和模型之间的交互。 3. **DOM操作**:提供便利的DOM操作API,使得HTML元素的增删改查变得简单。 4. **事件处理**:强大的事件...

    实战Dojo工具包 PDF

    例如,`dijit.form.Button`可以创建交互式按钮,`dijit.Tree`则可构建可折叠的层级结构,这些组件通过声明式语法或者程序化方式即可轻松创建。 此外,Dojo还提供了数据绑定和模型层支持,比如`dojo.data`模块,它...

    Struts2+Dojo +iBatis树的整合

    使用dojo.require加载Dijit的Tree组件,并根据Struts2返回的JSON数据渲染Tree。 8. **测试与调试**:运行项目,通过浏览器访问页面,查看树形结构是否正确显示,同时确保数据请求和响应无误。 这个整合示例特别...

    struts2_jodo_tree

    具体来说,在本案例中,我们将使用Struts2处理服务器端逻辑,而Dojo则负责客户端的动态渲染和交互。 #### 2. 核心技术实现 **2.1 树数据模型** 首先,我们需要定义树数据模型。这部分代码主要涉及到两个工具类:`...

    ajax动态生成树型菜单

    6. **渲染树型菜单**:在成功接收到JSON数据后,使用Dojo Tree的API解析数据并创建树型结构。`&lt;sx:tree&gt;`标签将帮助我们在页面上显示这个动态生成的树。 7. **事件处理**:为树节点添加点击事件监听器,以便在用户...

    dojo基础知识内容简介

    【dojo基础知识内容简介】 Dojo是一个强大的JavaScript用户界面开发框架,专为构建富互联网应用程序而设计。它简化了JavaScript编程,使开发者能更高效地创建功能丰富的动态用户界面。Dojo的核心部分是“Dojo Base...

Global site tag (gtag.js) - Google Analytics