`
jasph77
  • 浏览: 5789 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

EXT 异步加载树

    博客分类:
  • EXT
 
阅读更多
//js var Tree = Ext.tree; var tree = new Tree.TreePanel({ //el:'tree', autoScroll:true,//自动滚动 animate:true,//动画效果 enableDD:false,//允许拖拽节点 border:false,//没有边框 rootVisible:true,//设为false,隐藏根节点 containerScroll: true, loader: new Tree.TreeLoader({ dataUrl:'treeAction.action' }) }); var root = new Tree.AsyncTreeNode({ text: '公司组织机构', draggable:false, id:'-1' }); tree.setRootNode(root); //java /** * ExtTree取根节点的子节点 * @return */ public String getSubNodes() throws Exception { log.debug("查询组织结构数节点: "+node); HttpServletResponse atc= ServletActionContext.getResponse(); atc.setCharacterEncoding("UTF-8"); PrintWriter out = atc.getWriter(); JSONArray josnArray = new JSONArray(); List lt = organizationTreeService.getSubNodes(Long.valueOf(node)); for (int i=0;i; } //无级树 就这么简单 !
分享到:
评论
1 楼 jasph77 2008-07-24  
<div class="quote_title">jasph77 写道</div><div class="quote_div">//js
var Tree = Ext.tree;  
    var tree = new Tree.TreePanel({
       //el:'tree',
       autoScroll:true,//自动滚动
        animate:true,//动画效果
        enableDD:false,//允许拖拽节点
        border:false,//没有边框
        rootVisible:true,//设为false,隐藏根节点
        containerScroll: true,
        loader: new Tree.TreeLoader({
            dataUrl:'treeAction.action'
        })
    });            
    var root = new Tree.AsyncTreeNode({
        text: '公司组织机构',
        draggable:false,
        id:'-1'
    });
    tree.setRootNode(root);
//java

/**  
  * ExtTree取根节点的子节点
  * @return  
  */ 
public String getSubNodes() throws Exception {
log.debug("查询组织结构数节点: "+node);
HttpServletResponse atc= ServletActionContext.getResponse();
atc.setCharacterEncoding("UTF-8");  
    PrintWriter out = atc.getWriter();  
    JSONArray josnArray = new JSONArray();
    List<ExtTreeNode> lt = organizationTreeService.getSubNodes(Long.valueOf(node));
    for (int i=0;i<lt.size();i++){
    josnArray.add(lt.get(i));
    };
    out.print(josnArray.toString());  
    log.debug(josnArray.toString());
    return "";
}
//无级树 就这么简单 !</div><br/>

排版乱了
日 第一次发帖子 就这么受打击!
继续潜水!~

相关推荐

    ext 异步加载树完整版

    "ext 异步加载树完整版" 提到的是EXT JS框架中的一个特性,EXT JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。在这个场景下,"异步加载树"是指树形组件(Tree Panel)不一次性加载所有节点,而是...

    ztree+dwr实现的异步加载树形菜单

    现在我们来详细探讨如何利用ZTree和DWR实现异步加载树形菜单。 首先,ZTree是一个轻量级、灵活的jQuery插件,适用于构建可自定义的树形菜单。它支持多种操作,如点击节点、拖拽节点、右键菜单等,且提供了丰富的API...

    Extjs4树结构异步加载

    在本示例中,我们关注的是树结构的异步加载,这是一种优化性能的技术,避免一次性加载大量数据导致页面响应缓慢。 异步加载,也称为懒加载或需求加载,意味着当用户滚动、展开节点或者进行其他交互时,只加载当前...

    支持异步加载的纯手写的js树

    本人手写的一款js树形控件,附带图片,代码简洁,注释齐全,可读性高,易于维护,方便移植,结构清晰,思路明了,界面美观,同时支持异步加载,对浏览器的兼容行强,你还可以根据自己的需要扩展功能,可大量应用于...

    Ext.ux.tree.treegrid异步加载

    ### Ext.ux.tree.TreeGrid 异步加载知识点详解 #### 一、Ext.ux.tree.TreeGrid简介 在ExtJS框架中,`Ext.ux.tree.TreeGrid`组件是一种结合了树形结构与表格显示特性的控件,适用于展示具有层级关系的数据。通过...

    Ext 异步加载添加 删除节点 修改combobox选择项

    在Ext JS中,异步加载是一种常见的数据处理方式,尤其在构建动态的用户界面时非常有用。本篇文章主要探讨了如何在异步加载的场景下,实现树形控件(TreePanel)中节点的动态添加、删除以及ComboBox选择项的修改。 ...

    extjs tree 异步加载树型

    异步加载树型是 ExtJS Tree 的一个重要特性,允许只在需要时动态加载子节点,从而提高页面的加载速度和用户体验。 异步加载通常通过 AJAX 请求实现,只有当用户展开一个节点时,才会向服务器请求该节点的子节点数据...

    ExtJS构造动态异步加载

    title: '动态异步加载树', store: treeStore, rootVisible: false, // 隐藏根节点 renderTo: Ext.getBody(), // 渲染到页面body listeners: { itemexpand: function (node) { // 当节点被展开时触发 if (!...

    ExtJS3 实现异步下拉树

    2. **Ajax 数据源**:异步加载数据通常通过Ajax请求实现。需要定义一个`TreeStore`,配置`proxy`为`Ext.data.TreeProxy`,并设置`url`属性指定服务器接口地址,用于获取节点数据。 3. **JsonReader**:数据解析器,...

    利用Ext来实现的静态树(一次加载所有节点的树)

    在这里,我们使用Ext的Tree控件来加载树形结构的数据,并将其展现在用户面前。 下面是后台生成树形结构数据的示例代码: ```java public class TestTree { public String genStringTest() { TreeNode tn = new ...

    EXT异步树和动态表关联

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

    ext 动态加载的树源码

    异步加载更常见,它在后台进行,不会阻塞用户界面。同步加载则会等待数据加载完成后再更新界面,一般只在数据量较小或有特定需求时使用。 8. **优化技巧**:为了进一步提高性能,可以考虑缓存已加载的节点,避免...

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

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

    ext.net 中树加载及实现方式,初学者可以参考

    首先,EXT.NET中的树形控件基于Ext JS库,提供丰富的功能,如拖放操作、节点编辑、异步加载等。在实际应用中,我们通常使用`TreePanel`来创建树结构。`TreePanel`包含一系列的配置项和方法,用于定义树的外观和行为...

    ext 下拉树 ext2

    总之,"ext 下拉树 ext2"是一个基于Ext JS 2.x的下拉树组件,具备异步加载树节点的能力,提供了丰富的用户体验。开发者可以通过解析给定的文件,学习如何利用JavaScript和相关的资源文件来创建并实现类似的功能。

    资源的异步动态加载问题

    异步加载是指在不阻塞主线程的情况下加载资源,使得用户界面能够及时响应,而不是等待所有资源完全下载后再显示页面。这种加载方式尤其适用于大文件,如图片、脚本或样式表,因为它们可能延长页面的加载时间。 2. ...

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

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

    Ext 两种树形菜单

    7. **异步加载**:对于大数据量的树形菜单,可以采用异步加载策略,只在需要时加载子节点,提高应用性能。 8. **多选与复选**:通过`selModel`配置,你可以实现树形菜单的多选或单选功能,甚至可以添加复选框来支持...

    Ext4 动态加载js例子

    这将在需要时异步加载 `MyApp/view/Main.js` 文件。 3. **延迟加载** 如果某些组件或类在应用启动时并不需要,但可能会在稍后的某个时刻被用到,可以使用 `requires` 属性将它们标记为延迟加载: ```javascript ...

Global site tag (gtag.js) - Google Analytics