`
ckf53390
  • 浏览: 28399 次
文章分类
社区版块
存档分类
最新评论

Ext Tree的排序

 
阅读更多

Ext.tree.LocaleTreeSorter = Ext.extend(Ext.tree.TreeSorter, {constructor:function (tree, config) {
 Ext.tree.LocaleTreeSorter.superclass.constructor.call(this, tree, config);
 var dsc = this.dir && this.dir.toLowerCase() == "desc";
 var fs = this.folderSort;
 var leafAttr = this.leafAttr || "leaf";
 this.sortFn = function (n1, n2) {
  if (fs) {
   if (n1.attributes[leafAttr] && !n2.attributes[leafAttr]) {
    return 1;
   }
   if (!n1.attributes[leafAttr] && n2.attributes[leafAttr]) {
    return -1;
   }
  }
  var ret = n1.text.localeCompare(n2.text);// text按照中文名称排序,改为id  按照id排序
  if (ret < 0) {
   return dsc ? +1 : -1;
  } else {
   if (ret > 0) {
    return dsc ? -1 : +1;
   } else {
    return 0;
   }
  }
 };
}});

 

 

今天改一个以前别人写的代码,发现树也可以设置排序,代码如下
new Ext.tree.TreeSorter(tree,{folderSort:true,dir:'desc'});

分享到:
评论

相关推荐

    EXT tree 使用 实例 最新

    6. **拖放功能**:EXT Tree支持拖放操作,可以配置`draggable`和`dropZone`属性来启用此功能,方便用户重新排序或移动节点。 7. **加载和异步操作**:EXT Tree支持懒加载,即只有在需要时才从服务器请求子节点数据...

    ext TREE

    EXT JS Tree组件的高级特性还包括树节点的检查框、分页加载、拖放排序等,开发者可以根据项目的具体需求选择使用。总之,EXT JS Tree组件是一个功能强大且灵活的工具,对于需要展示层次信息的Web应用来说,它提供了...

    ext grid tree 应用

    在EXT JS框架中,"ext grid tree 应用"是一个常见的功能组合,它结合了Grid面板和Tree面板的优势,用于展示复杂的数据结构。Grid通常用于显示二维表格数据,而Tree则用于展示层次化的数据。在这个例子中,开发者通过...

    ext tree grid 的高级实例运用

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

    ext的tree两个拖拽例子

    本主题主要关注EXT的TreePanel中的拖放(Drag and Drop)功能,这是一项允许用户通过鼠标操作重新排序节点或在不同树之间移动节点的强大特性。下面我们将深入探讨这两个拖放例子。 首先,我们要理解EXT JS的拖放...

    gwt-ext-tree

    在实际开发中,`exttree` 文件可能是这个库的一个示例或者实现文件,包含了使用 GWT-Ext-Tree 创建树形结构的代码。通过对这个文件的学习和理解,开发者可以更好地掌握如何在项目中集成和使用 GWT-Ext-Tree 组件。 ...

    ext4 四种常见的tree

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

    关于extjs ext.tree

    在本篇中,我们将深入探讨ExtJS中的`ext.tree`,这是一种强大的树形组件,用于展示层次结构的数据。 `ext.tree` 是ExtJS中的TreePanel,它允许开发者创建可交互的树形结构,通常用于展示文件系统、组织架构或层级...

    Ext tree build

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

    treepanel实例

    **Ext Tree Panel 实例详解** 在Web开发中,Ext JS是一个强大的JavaScript库,它提供了丰富的用户界面组件,其中Tree Panel是用于展示树形结构数据的重要组件。本文将深入讲解`Treepanel`的使用,包括其基本概念、...

    完成Ext 拖拽树后对新的树节点顺序进行保存

    在IT领域,拖拽功能是用户界面中常见的一种交互方式,尤其在数据可视化和管理工具中,例如ExtJS的树形组件(Tree)。本项目主要关注如何在完成拖拽操作后,更新并保存树节点的新顺序。ExtJS是一个强大的JavaScript库...

    Ext_Tree属性方法

    ### Ext_Tree属性方法详解 #### 一、Ext.tree.TreePanel `Ext.tree.TreePanel`是Ext框架中的一个组件,用于创建树形结构的数据展示。它提供了丰富的配置选项和方法来控制树形结构的行为和外观。 - **root**:定义...

    EXT--tree

    标题“EXT--tree”暗示了我们讨论的主题与EXT.js库中的树形组件有关。EXT.js是一个流行的JavaScript UI框架,用于构建富客户端应用。在EXT.js中,“tree”通常指的是TreePanel,它允许用户以层级结构展示数据,常...

    Ext grid与树实例

    Ext Grid和Tree是Ext JS库中的两种重要组件,它们在Web应用开发中广泛用于数据展示和组织。Ext JS是一个强大的JavaScript框架,它提供了一系列高级UI组件,帮助开发者构建功能丰富的、交互性强的Web应用程序。 首先...

    editTreeGrid ext可编辑的treegridpanel

    TreeGrid在EXT JS中通常用作`Ext.tree.Panel`的变体,具有表格的列模型和排序功能。 3. **可编辑性** `editTreeGrid`的核心特性是其可编辑性,这意味着用户可以直接在TreeGrid的单元格中修改数据。EXT JS提供了`...

    ext实例 左边是 tree 右边是grid 双击grid弹出form修改

    本实例“ext实例 左边是 tree 右边是grid 双击grid弹出form修改”是针对初学者的一个宝贵资源,它演示了如何将这些组件结合起来,实现交互式的数据操作。 1. **树形控件(Tree)**:在左边展示数据结构,通常用于...

    ext treegrid

    Ext TreeGrid是一款在Ext JS框架下开发的组件,它结合了Tree和Grid的优点,提供了一种既能展示层次结构数据又能进行表格样式的显示和操作的视图。在Ext JS库中,Tree通常用于展现层级关系的数据,而Grid则用于显示二...

    ext 资源汇总

    这个"EXT 资源汇总"包含了一系列与EXT相关的组件,如表单(Ext.form)、网格(Ext.grid)和树形视图(tree)。这些组件是EXT的核心功能,允许开发者创建交互式的用户界面。 1. **EXT.form**: EXT.form模块提供了...

    extjs tree

    - **TreePanel**: 显示树形数据的容器,它继承自Ext.grid.Panel,并添加了树状布局和特有的功能。 - **Store**: 负责管理树的数据,可以是JSON或XML格式,包含节点的所有信息。 - **Model**: 定义树节点的数据...

    ext培训文档doc

    7. **EXT Tree**:EXT的树形视图组件适用于层次结构数据的展示,可以进行展开、折叠、拖放操作,常用于导航菜单或文件系统。 8. **EXT Theme**:EXT提供了多种主题样式,可以自定义皮肤,满足不同设计需求。同时,...

Global site tag (gtag.js) - Google Analytics