jsp页面:
var tree;
var ne;
var rightshowMenu;
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL="ext/resources/images/aero/s.gif";
var loader = new Ext.tree.TreeLoader({
url: "bookShop.do?parameter=treedata"
});
loader.on("beforeload", function(loader, node){
this.baseParams.id = (node.id);
});
var root = new Ext.tree.AsyncTreeNode({
id: "root",
text: "",
draggable: true //设置根节点是否可拖拽
});
tree = new Ext.tree.TreePanel({
renderTo: "tree-div",
useArrows: true,
autoScroll: true,
animate: true,
containerScroll: true,
rootVisible: false,
border: false,
root:root,
enableDD: true//允许拖拽
// listeners:{contextmenu:showMenu}
});
<%
for(int i=0;i<listrose.size();i++)
{
Rose rose=listrose.get(i);
%>
var croot=new Ext.tree.AsyncTreeNode({
id:"<%=rose.getId()%>",
text:"<%=rose.getName()%>",
allowDrag: false, // 在部门树里面,组织不支持拖拽
loader: loader
});
root.appendChild(croot);
<%
}
%>
tree.getRootNode().expand();
});
java:
public ActionForward treedata(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws Exception {
String id = request.getParameter("id");
log.info("展开节点根据 节点ID::" + id + ",获取子节点信息!");
List<Rose> list = roseBiz.resutlRosebyid(id);
JSONArray json = new JSONArray();
if (null != id && id.length() > 0) {
for (Rose rose : list) {
JSONObject temp = new JSONObject();
temp.put("id", rose.getId());
temp.put("text", rose.getName());
json.add(temp);
}
}else
{
log.info("节点下为空!");
}
log.info("展开节点,获取节点下面的信息:格式化返回::" + json.toString());
writerJSON(response, json.toString());
return null;
}
分享到:
相关推荐
Ext.ux.tree.treegrid异步加载,点击节点加载数据
extjs tree 异步加载树型完整的一个web工程,自已已经试过,可用。
目录: ...详细见代码。 ...详细见代码。 ...即:Ext.window 4.mainPage.html为tab布局,右面为...6.tree-asynch-test.html为异步加载的树 7.tree-edit-test.html为节点可以编辑的树 8.tree-tz-test.html为tree节点拖拽的练习
本软件实现了一个机构管理的小例子,可以点击左边树节点在右边的Grid中显示该节点的下属机构,并提供增删查改功能,主要包括JS文件和生成动态树所需要的JSON格式的数据的JAVA和jsp文件,商业逻辑请自己负责完成
Ext tree 实现的是一棵异步加载的Tree,完整Demo项目,导入Eclipse就可以运行
当树节点较多的时候很好用,具体的可以下载下来试试
这个包是在之前包的基础上多加了很多功能。 原来的内容: 1ext2.2源码及例子 2深入浅出extJs例子 3自己写的例子 ...3新增EXT异步加载树 4动态修改树节点图标和提示层 5ext结合mxGraph作出流程图编辑器
目录: ...详细见代码。 ...详细见代码。 ...即:Ext.window 4.mainPage.html为tab布局,右面为...6.tree-asynch-test.html为异步加载的树 7.tree-edit-test.html为节点可以编辑的树 8.tree-tz-test.html为tree节点拖拽的练习
其中Ext.tree.TreeNode代表一个树节点,比较常用的属性包括text、id、icon、checked等、异步树Ext.tree.AsyncTreeNode、树加载器Ext.tree.TreeLoader。下面介绍Extjs 中的 Treepanel 实现菜单级联选中效果。 在 ...
一种节点是普通的简单树 节点,由Ext.tree.TreeNode定义,另外一种是需要异步加载子节点信息的树节点,该类由Ext.tree.AsyncTreeNode定 义。 在数据中, text 显示文字, leaf 节点 , children 子节点,expanded ...
-重新设计模拟树的下拉列表的实现,避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode,保持和...
-重新设计模拟树的下拉列表的实现,避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode,保持和...