由于EXT的程序库和样式库不同，我只给出实现，把BODY替换到你的BODY里面就OK了
<body>
<script>
Ext.BLANK_IMAGE_URL = '../scripts/ext/resources/images/s.gif';
Ext.onReady(function(){
// shorthand
var Tree = Ext.tree;
var loader=new Tree.TreeLoader({
dataUrl:'getTree.jsp',
listeners:{
"beforeload":function(treeLoader,node) {
treeLoader.baseParams.id=(node.id!="root"?node.id:"");
}
}
});
var tree = new Tree.TreePanel({
el:'tree-div',
useArrows:true,
autoScroll:true,
animate:true,
enableDD:true,
containerScroll:true,
loader:loader
});
var root = new Tree.AsyncTreeNode({
text:'dddd',
draggable:false,
id:'root'
});
tree.setRootNode(root);
tree.render();
root.expand();
});
</script>
<div id="tree-div"
style="overflow:auto; height:300px;width:250px;border:1px solid #c3daf9;"></div>
</body>
getTree.jsp
<%@ page language="java" pageEncoding="utf-8"%>
<%
String node = request.getParameter("node");
System.out.println("get:" + node);
String json = "";
if ("root".equals(node)) {
json += "[{id:1,text:'节点1','leaf':false},{id:2,text:'节点2','leaf':false}]";
System.out.println("0");
} else if ("1".equals(node)) {
json += "[{id:11,text:'节点11',leaf:false},{id:2,text:'节点12',leaf:true}]";
System.out.println("1");
} else if ("2".equals(node)) {
json += "[{id:21,text:'节点21',leaf:true},{id:22,text:'节点22',leaf:true}]";
System.out.println("2");
} else if ("3".equals(node)) {
json += "[{id:111,text:'节点111',leaf:true},{id:112,text:'节点112',leaf:true}]";
System.out.println("3");
}
System.out.println(json);
out.println(json);
%>
由于是输出，所以千万别用HTML格式，这样就可以了，大家试试吧，很简单的
分享到：
相关推荐
总之，`Ext.tree.TreeLoader`与JSON数据的结合使得在Ext JS中创建动态、可扩展的树形视图变得简单高效。通过理解和应用这些概念，开发者能够构建出更加交互丰富的前端应用。希望这个概述能帮助你更深入地了解`...
综上所述，"ext grid tree 应用"展示了EXT JS在构建动态、交互式Web应用程序的强大能力，包括数据展示、数据管理、用户交互以及个性化设置等多个方面。通过学习和理解这些知识点，开发者可以更好地利用EXT JS创建...
【标题】"ext TREE"指的是在软件开发领域中，尤其是Java Web开发中，EXT JS库中的Tree组件。EXT JS是一个强大的JavaScript用户界面库，用于构建富客户端应用。Tree组件是EXT JS中的一个重要部分，它允许开发者创建可...
总结，`Ext.Tree.Panel`是EXT JS中构建交互式树形结构的关键组件，通过配置和事件处理可以实现各种复杂的功能，如动态加载数据、拖放操作、自定义样式等。在实际应用中，开发者可以根据需求进行灵活定制，以满足不同...
例如，Ext.tree.Panel可能会通过Ajax请求从服务器获取JSON格式的树结构数据，然后动态渲染出树形视图。 Ext.tree.Panel是ExtJS中的一个组件，用于展示树状数据结构。它可以显示多级嵌套的节点，支持拖放操作，节点...
在本文中，我们将深入探讨如何使用Ext JS的Tree Panel与JSON数据进行动态加载，并实现多选和单选功能。Ext JS是一种强大的JavaScript库，用于构建富客户端应用，而Tree Panel则是展示层次结构数据的一种组件。在后台...
【标题】"ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree" 暗示这是一个关于Ext JS库中TreePanel组件的实例，其中可能包含了用于创建和管理数据结构的树形视图，以及与数据库交互的功能。 【描述】"ext的树的...
EXT Tree提供了丰富的功能，包括节点的动态加载、拖放操作、节点选择以及自定义图标和样式。 在EXT Tree的使用实例中，我们通常会涉及到以下几个关键知识点： 1. **配置项与属性**：EXT Tree允许通过配置项定制其...
extjs 可编辑的表格树，每个单元格自定义编辑组件，可以自适应列宽，只有源码与例子，运行实例要修改路径，不然图片不能显示，注意etree.jsp的js引入路径...支持Ext2.x以上版本 如运行不了EmailTo ： codeme9@gmail.com
在IT行业中，JSP（JavaServer Pages）是一种用于创建动态网页的技术，而EXT是一个流行的JavaScript框架，主要用于构建富客户端应用程序。EXT提供了丰富的组件库，其中就包括TREE组件，它允许展示和操作数据结构为树...
Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载
在实际开发中，`exttree` 文件可能是这个库的一个示例或者实现文件，包含了使用 GWT-Ext-Tree 创建树形结构的代码。通过对这个文件的学习和理解，开发者可以更好地掌握如何在项目中集成和使用 GWT-Ext-Tree 组件。 ...
将EXT Tree与SSH2结合，意味着开发者可能通过Java后端服务获取数据，并用EXT Tree在前端展示，同时实现动态加载、异步更新等功能。 在实际操作中，这个项目可能包含以下步骤： 1. 配置SSH2环境：设置Struts配置...
当我们谈论“DWR方式动态加载EXT TreePanel”时，意味着我们需要使用DWR来获取服务器端的数据，并将其动态地填充到EXT TreePanel中，以实现数据的实时更新和交互性。这种技术的应用场景可能包括：当用户需要查看或...
6. **代码实践**：`extTree.js` 文件很可能是实现 EXT Tree 的具体代码。在这个实践中，开发者可能定义了一个 TreePanel，并设置了相应的配置项，加载了数据，注册了事件处理器。通过阅读和分析这个文件，可以深入...
EXT TREE扩展CHECKBOX JS是一种在EXT JS框架下对树形组件（Tree Panel）进行增强，实现复选框功能的技术。EXT JS是一个强大的JavaScript GUI库，它提供了丰富的组件和功能，用于构建复杂的Web应用程序。在EXT JS中，...
ExtTree是Ext JS库中的一个组件，用于创建和展示树形结构的数据。它在Web应用程序中广泛使用，特别是在需要组织和导航层次结构信息时。在本案例中，“extTree例子点击出现界面”指的是用户在浏览ExtTree时，通过点击...
这个工具类的核心功能是获取JSON格式的数据，并将其动态加载到Ext.tree中。 首先，我们需要了解Ext.tree的基本概念。Ext.tree是ExtJS库中的一个组件，它提供了一个可交互的树形视图，允许用户展开、折叠节点以及...
Ext Tree 是 Ext JS 库中的一个组件，它用于在用户界面上展示层次化的数据结构，类似于文件系统的目录结构。在给定的资源中，我们有多个 HTML 文件（tree2.html, tres.html, s1.html, tree.html）和 JavaScript 文件...
复选框树（Checked Tree）允许用户通过复选框来选择或取消选择树结构中的节点。这种功能对于需要用户进行多级选择的情况非常有用，例如在权限管理、目录结构操作或者配置设置中。以下是对这个特性的详细解释： 1. *...