一个动态加载的树,很多坑,肯定还有改进的空间。(也许java程序员放弃extjs4,资料不多)
先上po
public class TreeNodeVO {
private String id;
private String text;
private String nodetype;
private boolean leaf;
private String hrefTarget;
private String href;
private String cls;
// private boolean checked;
private String parentId;//parentId在extjs3里面我是没写的,这里貌似很重要
getter()....setter()....//自己补充
checked有的话,就是可选的了,尼玛
action代码
public List children;
private boolean success;
public String treenode() {
children = new ArrayList();
TreeNodeVO benz = new TreeNodeVO();
benz.setText("二级菜单目录1");
benz.setCls("folder");
benz.setLeaf(false);
benz.setId("10");
benz.setParentId("1");
children.add(benz);
List bmwList = new ArrayList();
benz.setChildren(bmwList);
benz = new TreeNodeVO();
benz.setText("子菜单2-1");
benz.setCls("file");
benz.setLeaf(true);
benz.setParentId("10");
benz.setId("21");
bmwList.add(benz);
// System.err.println(itemstr);
success=true;
return SUCCESS;
}
这里不用children的话,多重树就不好办了。
struts.xml
<pre class="html" name="code"><action name="treenode" class="treenodeAction" method="treenode">
<result type="json"/>
</action>
spring.xml
<bean id="treenodeAction" class="action.LoginAction"
scope="prototype">
js代码,里面于2个store,一个原来的,一个动态的
Ext.require(['*']);
Ext.onReady(function() {
Ext.QuickTips.init();
var store = Ext.create('Ext.data.TreeStore', {
root : {
expanded : true,
children : [{
text : "detention",
leaf : true
}, {
text : "homework",
expanded : true,
children : [{
text : "book report",
leaf : true
}, {
text : "alegrbra",
leaf : true
}]
}, {
text : "buy lottery tickets",
leaf : true
}]
}
});
var treestore = Ext.create('Ext.data.TreeStore', {
root : {
text : '根节点',
id:'1',
expanded : true
},
autoLoad:true ,
proxy : {
type : 'ajax',
url : './<span style="color: rgb(255, 0, 0);">treenode.action'</span>,
reader : {
type : 'json',
root : '<span style="color: rgb(255, 0, 0);">children</span>'
}
}
});
var treepanel = Ext.create('Ext.tree.Panel', {
store : <span style="color: rgb(255, 0, 0);">treestore,</span>
rootVisible : true
})
Ext.create('Ext.Panel', {
width : "100%",
height : "100%",
layout : 'border',
items : [{
region : 'west',
title : "目录",
width : "20%",
minSize : 175,
maxSize : 400,
collapsible : false,
margins : '0 0 0 5',
layout : 'accordion',
layoutConfig : {
animate : true
},
items : [treepanel]
}, {
region : 'center',
title : 'Column 2',
width : "80%"
}],
renderTo : Ext.getBody()
});
});
好像可以了,哈哈,真坑爹
分享到:
相关推荐
Extjs4_学习指南,很适合新手入门的Ext教程
标签"asp_extjs extjs extjs_asp extjs+asp"表明这个项目涵盖了EXTJS与ASP的整合,可能包括EXTJS控件的使用、ASP处理程序的编写、JSON数据交换格式的应用以及前后端通信机制等内容。 压缩包中的"通讯录EXT_ASP"可能...
在IT行业中,"extjs+s2sh"是一个典型的前端与后端框架的集成案例,它结合了ExtJS、Struts2、Hibernate和Spring这四个关键组件。这些技术的结合为开发人员提供了一套完整的解决方案,用于构建功能丰富的、数据驱动的...
标题 "extjs_tapestry.rar_extjs tapestry_extjs_tapestry_tapestry" 暗示了这个压缩包是关于 ExtJS 和 Tapestry 两个框架整合使用的资源集合。描述指出,这些资源包含了在 Tapestry 框架中应用 ExtJS 的兼容性代码...
标题“extjs4_权限系统”表明我们正在讨论一个基于ExtJS 4框架构建的权限管理系统。ExtJS是一个流行的JavaScript库,用于构建交互式的、数据驱动的Web应用程序。这个系统显然是为了管理用户权限,允许控制不同用户...
color:_extjs4_extjs的库_html aef css包装”可能是指一种特定的颜色代码(FAC657和C2ECB2)在ExtJS 4的库中被用来定义元素的样式,特别是与HTML和CSS相关的部分。颜色代码FAC657可能对应于某种高亮或强调色,而C2...
标题中的"ssh_extjs.rar_extjs_extjs ssh_oracle"提到了几个关键的IT技术,它们是SSH(Spring、Struts、Hibernate)框架、ExtJS前端框架以及Oracle数据库。这里我们将深入探讨这些技术及其在Java Web开发中的应用。 ...
通过分析和学习这个案例,开发者可以提升自己的ExtJS技能,理解如何在项目中整合各种功能,提高开发效率。 总之,"oa.wxg"资源是学习和研究ExtJS与OA系统开发的宝贵材料。它不仅包含了ExtJS的基本组件使用,还涵盖...
总的来说,"extjs4_任务调度管理系统"充分利用了EXTJS4的前端优势,结合SpringMVC、iBatis、Hibernate和Spring的后端能力,构建了一个高效、灵活的任务调度平台。EXTJS4的组件化设计和丰富的API为前端开发提供了便利...
Extjs4_API文档整理
标题中的"php-blog.rar_extjs_extjs php_extjs php bl_php blog"暗示这是一个与PHP和EXTJS相关的项目,可能是用于创建一个单用户的博客系统。EXTJS是一个强大的JavaScript库,用于构建富客户端应用,而PHP是一种广泛...
系统架构:s2sh + extjs4, 配置我采用传统的xml配置,并没有使用注解的形式,是因为我考虑到xml配置能够更清晰明了,通过配置文件能够清晰看出类之间的关系。 系统特点: 1、使用ehcache 缓存存储用户登录信息,...
ExtJS实现的用户管理界面,实现了用户的增加功能、修改功能、删除功能、查看工程。还提供了下拉列表选择框进行年龄的选择功能。
2. **C#与ExtJS**:描述中的"CSharp_extjs"表明可能涉及到C#后端与ExtJS前端的结合。在实际项目中,C#通常用作服务器端语言,通过ASP.NET或其他Web服务技术提供数据接口,而ExtJS则负责前端展示和用户交互。两者配合...
在IT行业中,ExtJS是一个非常流行的JavaScript库,用于构建富客户端Web应用程序。它提供了一整套组件和工具,使得开发者可以轻松地创建功能丰富的、交互性强的用户界面。本资源"ext_image.rar"聚焦于ExtJS框架在处理...
ExtJs 教程_完整版,适合新手开发 第一章 起步1在这章里我们将介绍ExtJS的基本功能。如果你对web开发熟悉的话您会惊诧于ExtJS框架的优雅不同其他的JavaScript库ExtJS为您的开发夯实了基础只需几行代码...
extjs_struts2_整合
EXTJS+PHP bs小型房屋管理系统
在整合Struts2和ExtJS4时,通常会定义JSON或XML数据源,使ExtJS能够获取和更新后端数据。Struts2 Action返回的结果可以是JSON格式,然后在ExtJS中解析并更新UI。通过这种方式,前端与后端实现了松耦合的数据交换。 ...