`
tzylwl
  • 浏览: 90517 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ext异步加载树(TREE)

阅读更多
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;
}
0
0
分享到:
评论

相关推荐

    Ext.ux.tree.treegrid异步加载

    Ext.ux.tree.treegrid异步加载,点击节点加载数据

    extjs tree 异步加载树型

    extjs tree 异步加载树型完整的一个web工程,自已已经试过,可用。

    EXT 布局 tab布局 普通拖拽 异步加载的树 节点可以编辑的树

    目录: ...详细见代码。 ...详细见代码。 ...即:Ext.window 4.mainPage.html为tab布局,右面为...6.tree-asynch-test.html为异步加载的树 7.tree-edit-test.html为节点可以编辑的树 8.tree-tz-test.html为tree节点拖拽的练习

    EXT异步树和动态表关联

    本软件实现了一个机构管理的小例子,可以点击左边树节点在右边的Grid中显示该节点的下属机构,并提供增删查改功能,主要包括JS文件和生成动态树所需要的JSON格式的数据的JAVA和jsp文件,商业逻辑请自己负责完成

    Ext tree json Demo

    Ext tree 实现的是一棵异步加载的Tree,完整Demo项目,导入Eclipse就可以运行

    ExtJs3.* 分页树 Ext.ux.tree.PagingTreeLoader

    当树节点较多的时候很好用,具体的可以下载下来试试

    Ext学习必备,涵盖大量实例,插件,其他有用组件

    这个包是在之前包的基础上多加了很多功能。 原来的内容: 1ext2.2源码及例子 2深入浅出extJs例子 3自己写的例子 ...3新增EXT异步加载树 4动态修改树节点图标和提示层 5ext结合mxGraph作出流程图编辑器

    Ext例子及布局问题

    目录: ...详细见代码。 ...详细见代码。 ...即:Ext.window 4.mainPage.html为tab布局,右面为...6.tree-asynch-test.html为异步加载的树 7.tree-edit-test.html为节点可以编辑的树 8.tree-tz-test.html为tree节点拖拽的练习

    Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码

    其中Ext.tree.TreeNode代表一个树节点,比较常用的属性包括text、id、icon、checked等、异步树Ext.tree.AsyncTreeNode、树加载器Ext.tree.TreeLoader。下面介绍Extjs 中的 Treepanel 实现菜单级联选中效果。 在 ...

    JavaScript的ExtJS框架中数面板TreePanel的使用实例解析

    一种节点是普通的简单树 节点,由Ext.tree.TreeNode定义,另外一种是需要异步加载子节点信息的树节点,该类由Ext.tree.AsyncTreeNode定 义。 在数据中, text 显示文字, leaf 节点 , children 子节点,expanded ...

    ExtAspNet_v2.3.2_dll

    -重新设计模拟树的下拉列表的实现,避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode,保持和...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -重新设计模拟树的下拉列表的实现,避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode,保持和...

Global site tag (gtag.js) - Google Analytics