`

Ext 的Tree型结构

阅读更多
动态树,当我选择一个节点并在该节点下增加节点,如何在该树控件reload后定位到当前选择的节点

代码如下

Ext.onReady(
      function(){
      
      
       var root = new Ext.tree.AsyncTreeNode(
   {
  text:"菜单根节点",
  expanded:true,
  id:'root'
   });
   var tree = new Ext.tree.TreePanel({
    loader:new Ext.tree.TreeLoader({
     baseAttrs:{
     cust:'client'
     },
     dataUrl:'datatest.jsp'
    }),
    listeners : {
'click' : function(node, event) {
if (node.id == 'aa') {
getcount();
}

tree.getNodeById("aa").select();
},
'load':function(node, event) {
    var a = tree.getNodeById("aa");
if (a!=null) {
a.select();
//alert('11111222654789');
}
}
},
   title:'Tree示例',
   width:200,
   height:500,
   autoHeight:true,
  
   applyTo:'tree-div',
   root:root
 
  });
    tree.on('load', function(node, event)
    {
       var a = tree.getNodeById("aa");
   if (a!=null) {
a.select();
//alert('qqqqqqqqqqq');
  }
   }); 
 
       });
分享到:
评论

相关推荐

    Ext Tree示例

    Ext Tree 是 Ext JS 库中的一个组件,它用于在用户界面上展示层次化的数据结构,类似于文件系统的目录结构。在给定的资源中,我们有多个 HTML 文件(tree2.html, tres.html, s1.html, tree.html)和 JavaScript 文件...

    ext tree grid 的高级实例运用

    在EXT JS这个强大的JavaScript框架中,`Tree`和`Grid`是两个非常重要的组件,用于构建数据密集型的用户界面。在"ext tree grid 的高级实例运用"中,我们将深入探讨如何有效地结合这两个组件,实现复杂的交互功能。...

    Ext tree json Demo

    Ext Tree JSON Demo是一个基于ExtJS库实现的异步加载树形结构的示例项目。ExtJS是一个强大的JavaScript UI框架,广泛用于构建富客户端应用程序。在本项目中,它被用来展示如何利用JSON数据来动态加载树节点,提高...

    ext4 四种常见的tree

    EXT4支持多种数据结构,其中包括了描述文件系统树形结构的“tree”概念。在EXT4中,文件和目录被组织成一棵层次化的树形结构,允许快速地查找、创建和管理文件。 在编程和用户界面设计中,"tree"通常指的是可视化...

    EXT TreeFilter 插件

    EXT TreeFilter插件是EXT库中的一个强大工具,主要用于增强EXT的Tree组件的功能,特别是针对树形结构数据的快速搜索和过滤。EXT Tree是EXT框架中用于展示层次结构数据的组件,它通常用于构建具有多级目录结构的应用...

    Ext tree build

    标题“Ext tree build”指的是在Ext JS框架中构建树形结构的过程。Ext JS是一个流行的JavaScript库,用于构建富客户端Web应用程序。它提供了丰富的组件库,其中包括用于显示层次数据的树形控件(Tree)。在本篇文章...

    Ext4+JSON+Servlet+Tree构建Web应用框架

    5. Ext.tree.Panel:是Ext JS中的一个组件,用于展示层次结构的数据,如文件系统或组织结构。Tree Panel允许用户展开和折叠节点,进行拖放操作,非常适合于展现具有层级关系的信息。 6. Ext.tab.Panel:是另一款Ext...

    ext 下拉树 ext2

    标题中的"ext 下拉树 ext2"指的是使用Ext JS库构建的一个特定版本的下拉树组件,其中"ext2"可能表示使用的是Ext JS的2.x版本。Ext JS是一个强大的JavaScript框架,主要用于构建富客户端Web应用程序,它提供了一系列...

    Ext用户UI界面优秀框架

    Ext JS 提供了一套完整的组件体系,包括表格(Grid)、面板(Panel)、表单(Form)、树形视图(Tree)、图表(Charts)等,几乎涵盖了所有常见的用户界面元素。这些组件都具有丰富的API和配置选项,可以灵活地满足...

    ext实例综合

    例如,EXT Grid允许你创建数据密集型表格,EXT Form提供了一套完整的表单控件,EXT Tree则用于展示层次结构的数据。 2. **布局管理**:EXT的布局系统允许你灵活地组织组件,适应不同的屏幕尺寸和需求。常见的布局有...

    EXT - 2011-5-30

    5. **Tree**:EXT Tree组件用于展示层次结构的数据,常用于目录浏览、组织结构图等场景。EXT Tree支持动态加载、拖放操作,提供丰富的节点操作接口。 6. **独立的HTML演示和源代码**:这份资源包含了实际的示例页面...

    Extjs的tree

    ExtJS的Tree组件是Sencha ExtJS框架中的一个重要部分,用于构建可交互的树形结构数据展示。在ExtJS中,TreePanel是用来显示和操作树形数据的主要组件,它可以用于组织层次化的信息,如文件系统、组织架构或者分类...

    ext树 无限级 json 数据格式 动态加载

    在EXT JS这个强大的JavaScript库中,树形组件(Tree)是一种常见的UI元素,常用于展现层级结构的数据。本文将深入探讨如何处理无限级JSON数据格式并实现动态加载,以优化EXT树的性能。 首先,我们要理解EXT树的基本...

    EXT例子网格;树等等;都有

    都有",指的是这个压缩包中包含了EXT框架的各种示例,特别是关于网格(Grid)和树(Tree)的实例。EXT的网格组件用于展示数据,支持排序、分页、过滤等功能,常用于数据密集型的应用场景。而树组件则用于展示层次...

    treePanel到panel的拖拽 等等操作详细,及步骤

    - **Ext JS**: 本例使用的是Ext JS框架,需确保已正确引入Ext JS的核心文件(`ext-all-debug.js`)以及CSS样式文件(`ext-all.css`)。 - **HTML**: 使用基本的HTML结构作为页面容器。 - **JavaScript**: 所有的逻辑...

    Ext实现的拖拽树的测试例子

    var tree = Ext.create('Ext.tree.Panel', { store: treeStore, // 用于存储树节点的数据 rootVisible: false, // 是否显示根节点 ... }); ``` - 配置拖拽:通过`dragDropConfig`属性,我们可以启用拖放行为...

    ext2.0 树的增删改操作

    在Ext2.0中,树形控件(Tree)是一种非常实用的数据展示方式,常用于层级结构的数据展示,如文件系统、组织结构等。树形控件允许用户进行添加、删除和修改节点的操作,这在许多业务场景中非常常见。 1. **树的增...

    extjs ajax tree(js动态树,无需递归)

    ExtJS AJAX Tree是一种基于JavaScript的动态树形结构,它利用AJAX技术来异步加载节点数据,无需在服务器端生成完整的树结构。这种方式可以显著提高页面加载速度,尤其是在处理大量数据时。ExtJS是一个功能丰富的...

    ExtGrid使用

    2. **ExtGrid**:ExtGrid是Ext JS中的表格组件,用于显示结构化的数据。它支持多种功能,如排序、过滤、分页、行编辑等。在本例中,开发者创建了一个具有这些特性的ExtGrid实例。 3. **数据展示**:在ExtGrid中,...

    ext扩展 延时加载

    在Ext JS中,延时加载主要应用于数据存储(Ext.data.Store)和组件(如Grid、Tree等)。例如,当一个大型数据集被加载到Grid中时,不是一次性加载所有记录,而是分页加载,只有用户滚动到可视区域时,才会请求更多...

Global site tag (gtag.js) - Google Analytics