问题:
Ext.onReady(function(){ var root = new Ext.tree.AsyncTreeNode({ id:"root", text:"theroot" }); var tree = new Ext.tree.TreePanel({ renderTo:"tree", root:root, loader:new Ext.tree.TreeLoader({url:"jstree.js"}), width:100 }); }); 这是HTML里的代码, jstree.js里的代码: [ {text:'node1', leaf:true}, {text:'node2' ,leaf:true} ] 想通过这样来生成一棵树,可最终结果只能生成“theroot”这个根,想加裁过来的子结点生成不了。。。。。。。。。。而且在官方给的例子中,有个tree里的“ext-2.2\examples\tree\xml-tree-loader.html”我也是显示不出那里面的树的内容,这是为什么呢。。。 急急急啊。。。。。。。。。。。。。。。。。。。
解决方法:
问题已经解决。。主要是这种加载要通过服务器才能完成,像官方给出的tree的例子我这也是显示不出来,但是把那些文件放在一个服务器下,例:tomcat,aptana里,通过它们的地址来访问就可以了。。。
分享到:
相关推荐
总之,`Ext.ux.tree.PagingTreeLoader`是ExtJs 3.x框架中一个非常实用的组件,它提高了大量数据树的加载效率,使得用户可以流畅地浏览和操作树结构。通过合理的配置和服务器端接口配合,可以构建出高效、用户体验...
在EXT JS框架中,"ext tree 分页"是一种优化技术,用于处理大量数据时避免页面卡顿的问题。在EXT JS的树形组件(TreePanel)中,如果一次性加载所有节点,特别是当树结构非常深或者节点数量巨大时,不仅会消耗大量...
通过这种方式,可以实现更加灵活且高效的数据加载机制,使应用程序能够在不刷新整个页面的情况下更新树形菜单的内容。 #### 五、总结 本文详细介绍了如何使用ExtJs构建树形菜单,包括创建基础树形菜单、添加节点...
它不绑定特定的服务端技术,而是通过各种方式与服务端通信,如使用`Ext.Ajax.request`进行普通异步请求,`Ext.tree.TreeLoader`加载树形数据,`Ext.data.Store`加载表格数据,以及`Ext.Element.update`进行局部页面...
2. `Ext.tree.TreeLoader`用于加载树形结构,服务器需返回符合`Ext.tree.TreeNode`配置要求的JSON数据。 3. `Ext.data.Store`及其子类处理表格数据,服务器可返回JSON或XML,推荐使用JSON格式。 4. `Ext.Element....
EXT的TREE组件通常与JSON数据源配合使用,通过异步加载或者一次性加载所有数据来构建树结构。这个文件可能包含了节点ID、父节点ID、节点文本等信息,EXT的`TreeStore`会解析这个JSON数据并填充到TREE中。 最后,...
通过这些知识点的学习和实践,开发者可以更好地利用 Ext.js 来构建复杂的前端应用,特别是涉及到树形结构数据处理的应用场景。同时,结合 Eclipse 的开发环境和 Spket 插件的支持,可以极大地提高开发效率和代码质量...
2. `Ext.tree.TreeLoader`:用于加载树形结构数据,服务器需返回符合`Ext.tree.TreeNode`配置要求的JSON数据。 3. `Ext.data.Store`及其子类:用于加载表格数据,推荐返回JSON格式,但也可支持XML。 4. `Ext.Element...
10.1.4 使用TreeLoader获得数据 10.1.5 读取本地JSON数据 10.2 树的事件 10.3 右键菜单 10.4 修改节点的默认图标 10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 ...
10.1.4 使用TreeLoader获得数据 10.1.5 读取本地JSON数据 10.2 树的事件 10.3 右键菜单 10.4 修改节点的默认图标 10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 ...
var treeLoader = new Ext.tree.TreeLoader({ dataUrl: "TreeServlet.do" // 数据源URL }); ``` ##### 2. 定义根节点(Root Node) 接着定义一个根节点,该节点是整个树结构的基础: ```javascript var root = new ...
loader: new Ext.tree.TreeLoader({ nodeParam: 'nodeId' }) }); var treePanel = new Ext.tree.TreePanel({ store: treeStore, root: { text: 'Root', id: 'root', expanded: true }, uiProvider: ...
通过这种方式,我们解决了 Struts2 JSON 插件返回数据格式与 ExtJS Tree 期待格式不匹配的问题。现在,树形菜单应该能够正确地动态加载并显示从服务器获取的数据。这个例子展示了如何在实际开发中灵活应对数据格式...
例如,可以实现自己的 `TreeLoader` 类来支持特定的数据格式或自定义加载逻辑。 通过以上内容,我们可以看到 `GridPanel`、`EditorGridPanel` 和 `TreePanel` 在 Ext JS 中的应用非常广泛,它们提供了强大的数据...
通常,我们需要在`TreeLoader`的`load`方法中设置回调函数,处理服务器返回的数据并将其添加到树结构中。 6. **服务器端响应**: 服务器端需要返回JSON格式的数据,其中包含子节点的信息,如`id`、`text`(显示的...
1.4. 为什么自己按照例子写的代码,显示出来总找不到图片 1.5. 我们还需要什么? 1.6. 入门之前,都看helloworld。 1.6.1. 直接使用下载的发布包 1.6.2. 只把必要的东西放进项目中 2. 震撼吧!让你知道ext表格控件的...
loader: new Ext.tree.TreeLoader({ dataUrl: 'data.json' }), root: new Ext.tree.AsyncTreeNode({ text: 'Root', draggable: false }), renderTo: document.body }); ``` #### 示例三:表单元素 此部分...
- `rootVisible`: 是否显示树的根节点,这里设置为 false,使得用户看不到根节点。 - `selectMode`: 可以是 'leaf' 或 'all',决定用户是否只能选择叶子节点或者所有节点。 4. **事件处理**: - `onViewClick`: ...