`
linwei_211
  • 浏览: 191708 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

treepanel动态加载数据的例子

阅读更多
var tree = new Ext.tree.TreePanel({   
        region:'west',   
        title:'站点树:',   
        width:200,   
        minSize:150,   
        maxSize:200,   
        iconCls:'ux-auth-menu-header-icon',
        split:true,   
        autoScroll:true,   
        autoHeight:false,   
        collapsible:true,   
        rootVisable:false, //不显示根节点  
        root:new Ext.tree.TreeNode({   
            id:'root',   
            text:'分所',   
            draggable:false,   
            expanded:true  
        }),
        loader:new Ext.tree.TreeLoader({
            dataUrl:'treeUtil.html?content.method=getAllMenuTreeNodes'
        })           
    });

public void getAllMenuTreeNodes(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
String systemId = request.getParameter("node");
String haveCheckBox = request.getParameter("haveCheckBox");
IMenuManager menuManager = this.getPkgServer().getDriver().getSystemManageServer().getMenuManager();
List<HashMap> nodes = new ArrayList<HashMap>();
String parentNodeName =menuManager.getMenu(Long.parseLong(systemId)).getName() ;
List<Menu> menus = menuManager.getMenus("em.parent_name= '" +parentNodeName + "'");
for(Menu menu:menus){
HashMap<String, Object> hm=new HashMap<String, Object>();
hm.put("id", menu.getId());
hm.put("text", menu.getTitle());

hm.put("iconCls",menu.getName());
nodes.add(hm);
}
JSONArray ary = new JSONArray(nodes);
writeJson(response, ary.toString());

}



分享到:
评论

相关推荐

    treepanel动态加载数据实现代码

    在本文中,我们将深入探讨如何在ExtJS的TreePanel组件中实现动态加载数据。TreePanel是ExtJS库中的一个功能强大的组件,它允许用户以树形结构展示数据。动态加载数据是一种优化用户体验的方法,只有当用户展开节点时...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在这个例子中,`TreePanel`使用`TreeStore`从`tree_data.json`加载数据,并且隐藏了根节点。 标签“源码”和“工具”暗示了这篇博客可能还讨论了EXTJS的源代码以及如何使用EXTJS作为开发工具来实现动态加载功能。...

    简单的EXT加载数据的例子

    在这个例子中,“简单的EXT加载数据的例子”可能是指如何动态地从服务器获取数据并加载到Treepanel中。 1. **创建Treepanel** 创建Treepanel时,我们需要指定一些基本配置,如ID、标题、宽度、高度等。此外,还...

    Extjs做的treepanel+tab切换页

    4. **动态树(Dynamic Tree)**:动态树是指树形数据可以根据用户的交互动态加载或更新。在这个应用中,当用户点击树节点时,树的`href`属性被用来获取新的内容,并在TabPanel 中加载,实现了内容的动态切换。 5. *...

    EXT动态树工程,例子学习

    这种组件的优势在于它的交互性,可以添加、删除、展开和折叠节点,以及根据需要动态加载数据。 学习EXT动态树,你需要掌握以下几个关键概念: 1. **TreePanel**: EXT中的TreePanel是实现动态树的核心组件。它负责...

    Extjs tree的简单小例子

    在本文中,我们将深入探讨EXTJS中的树形组件(TreePanel),以及如何创建一个简单...在实际项目中,可以根据具体需求对这个基础示例进行扩展和定制,例如添加更多的节点属性、处理更复杂的拖放逻辑或优化数据加载效率。

    ext tree json 例子(不含EXT包)

    首先,我们来看`extjs的tree的使用(拖动、动态载入json数据、拖动后的事件处理) - HuaZi4995 工 作 笔 记 - 博客园.mht`这个文件,它可能包含了一个关于如何实现拖放操作、动态加载JSON数据到TreePanel,以及处理...

    ExtJS构造动态异步加载

    在这个例子中,我们创建了一个`TreeStore`,配置了AJAX代理来获取数据,并在`TreePanel`中监听了`itemexpand`事件,当用户展开节点时,动态加载其子节点。通过这种方式,我们可以构建一个高效的、响应式的树形结构,...

    ExtJs树例子

    总结来说,"ExtJs树例子"涵盖了ExtJS的TreePanel组件的使用,包括数据源配置、节点模型、用户交互、扩展功能等方面的知识。通过学习和实践这个例子,开发者能够熟练掌握在Web应用中创建和管理树形结构的方法。

    Ext.net TreePanel的Checkbox操作及父子节点联动(修正)

    在实际开发中,你可能需要根据项目需求调整代码,比如添加数据加载、异步加载、分页等功能。同时,确保对EXT.NET框架的其他相关API有深入理解,以便更好地利用其丰富的功能。 总结起来,EXT.NET TreePanel的...

    extjs表格(表格后台数据读,分页),树(后台数据读取,复选框联动)的基本操作示例

    在这个例子中,GridPanel被用来从后台动态加载数据,并实现分页。后台数据读取通常涉及Ajax请求,通过Ext.Ajax或Store对象与服务器进行通信。分页功能通过配置Store的proxy和paging参数实现,如设置`autoLoad`为true...

    extjs实现动态树加载菜单

    动态树加载,也称为懒加载或按需加载,是指在用户滚动、展开节点或执行其他操作时,只加载当前所需的树节点数据,而不是一次性加载所有数据。这种技术在处理大量数据或层级结构时尤其有效,因为它避免了前端一次性...

    Extjs复习笔记(十八)-- TreePanel

    在ExtJS中,TreePanel的数据模型通常是Ext.data.TreeStore,它负责加载和管理树状数据。 接着,我们关注`check-tree.html`、`check-tree.js`和`check-nodes.json`这三个文件。这些文件通常用来实现具有复选框功能的...

    extjs和servlet数据交互的例子

    这样,我们就可以在ExtJS的组件(如Grid或TreePanel)中使用这些数据,展示给用户。 总结一下,这个例子展示了如何通过ExtJS的 `JsonStore` 与Servlet进行数据交互。Servlet在后台处理请求,返回JSON格式的数据,而...

    JavaScript的ExtJS框架中数面板TreePanel的用法实例解析_.docx

    总结来说,ExtJS的TreePanel提供了丰富的功能来展示和操作树形数据,结合异步加载,能够高效地处理大量数据。在实际应用中,我们需要根据需求选择合适的TreeNode类型,并确保数据获取过程的安全性。通过合理的配置和...

    Extjs4.2 MVC 左菜单动态加载功能

    在动态加载菜单的例子中,View通常是左侧的树形结构或列表,显示菜单项。 3. **Controller**:控制器层,作为模型和视图之间的桥梁,负责处理用户交互和协调其他组件。在实现动态加载菜单时,Controller会监听用户...

    Ext4.2可增删树例子

    Ext4.2可增删树例子是一个针对Ext框架的扩展,特别优化了对树形结构进行动态添加和删除节点的功能。在传统的Ext中,一旦树结构建立,其leaf属性(表示节点是否为叶子节点)通常是静态的,不易于在运行时进行修改。...

    extjs做的动态树

    这个“动态树”例子可能展示了如何动态加载、添加、删除和更新树节点。 1. **动态加载**:EXTJS的TreeStore与Ajax源配合,可以根据需要按需加载树节点。这提高了用户体验,因为只有在用户展开节点时才请求服务器...

    GWT例子中的分页研究.

    这通常涉及到一个列表视图(如`CellList`或`DataGrid`),它可以绑定到数据源,并自动处理数据的加载和显示。 6. **事件处理**:当用户点击分页按钮时,触发相应的事件处理器,调用服务接口获取新的数据,并更新...

    extJs树形框架(一个例子)

    这个例子可能展示了如何配置TreePanel,加载数据,以及处理用户交互事件。 2. **Oracle数据库**:Oracle是关系型数据库管理系统,用于存储和管理大量结构化数据。在该项目中,Oracle可能作为数据存储,用于保存登录...

Global site tag (gtag.js) - Google Analytics