TreeSorter.js
上传用户:shuoshiled
上传日期:2018-01-28
资源大小:10124k
文件大小:4k
源码类别:

中间件编程

开发平台:

JavaScript

  1. /*!  * Ext JS Library 3.0.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ /**
  2.  * @class Ext.tree.TreeSorter
  3.  * Provides sorting of nodes in a {@link Ext.tree.TreePanel}.  The TreeSorter automatically monitors events on the 
  4.  * associated TreePanel that might affect the tree's sort order (beforechildrenrendered, append, insert and textchange).
  5.  * Example usage:<br />
  6.  * <pre><code>
  7. new Ext.tree.TreeSorter(myTree, {
  8.     folderSort: true,
  9.     dir: "desc",
  10.     sortType: function(node) {
  11.         // sort by a custom, typed attribute:
  12.         return parseInt(node.id, 10);
  13.     }
  14. });
  15. </code></pre>
  16.  * @constructor
  17.  * @param {TreePanel} tree
  18.  * @param {Object} config
  19.  */
  20. Ext.tree.TreeSorter = function(tree, config){
  21.     /**
  22.      * @cfg {Boolean} folderSort True to sort leaf nodes under non-leaf nodes (defaults to false)
  23.      */
  24.     /** 
  25.      * @cfg {String} property The named attribute on the node to sort by (defaults to "text").  Note that this 
  26.      * property is only used if no {@link #sortType} function is specified, otherwise it is ignored.
  27.      */
  28.     /** 
  29.      * @cfg {String} dir The direction to sort ("asc" or "desc," case-insensitive, defaults to "asc")
  30.      */
  31.     /** 
  32.      * @cfg {String} leafAttr The attribute used to determine leaf nodes when {@link #folderSort} = true (defaults to "leaf")
  33.      */
  34.     /** 
  35.      * @cfg {Boolean} caseSensitive true for case-sensitive sort (defaults to false)
  36.      */
  37.     /** 
  38.      * @cfg {Function} sortType A custom "casting" function used to convert node values before sorting.  The function
  39.      * will be called with a single parameter (the {@link Ext.tree.TreeNode} being evaluated) and is expected to return
  40.      * the node's sort value cast to the specific data type required for sorting.  This could be used, for example, when
  41.      * a node's text (or other attribute) should be sorted as a date or numeric value.  See the class description for 
  42.      * example usage.  Note that if a sortType is specified, any {@link #property} config will be ignored.
  43.      */
  44.     
  45.     Ext.apply(this, config);
  46.     tree.on("beforechildrenrendered", this.doSort, this);
  47.     tree.on("append", this.updateSort, this);
  48.     tree.on("insert", this.updateSort, this);
  49.     tree.on("textchange", this.updateSortParent, this);
  50.     
  51.     var dsc = this.dir && this.dir.toLowerCase() == "desc";
  52.     var p = this.property || "text";
  53.     var sortType = this.sortType;
  54.     var fs = this.folderSort;
  55.     var cs = this.caseSensitive === true;
  56.     var leafAttr = this.leafAttr || 'leaf';
  57.     this.sortFn = function(n1, n2){
  58.         if(fs){
  59.             if(n1.attributes[leafAttr] && !n2.attributes[leafAttr]){
  60.                 return 1;
  61.             }
  62.             if(!n1.attributes[leafAttr] && n2.attributes[leafAttr]){
  63.                 return -1;
  64.             }
  65.         }
  66.      var v1 = sortType ? sortType(n1) : (cs ? n1.attributes[p] : n1.attributes[p].toUpperCase());
  67.      var v2 = sortType ? sortType(n2) : (cs ? n2.attributes[p] : n2.attributes[p].toUpperCase());
  68.      if(v1 < v2){
  69. return dsc ? +1 : -1;
  70. }else if(v1 > v2){
  71. return dsc ? -1 : +1;
  72.         }else{
  73.      return 0;
  74.         }
  75.     };
  76. };
  77. Ext.tree.TreeSorter.prototype = {
  78.     doSort : function(node){
  79.         node.sort(this.sortFn);
  80.     },
  81.     
  82.     compareNodes : function(n1, n2){
  83.         return (n1.text.toUpperCase() > n2.text.toUpperCase() ? 1 : -1);
  84.     },
  85.     
  86.     updateSort : function(tree, node){
  87.         if(node.childrenRendered){
  88.             this.doSort.defer(1, this, [node]);
  89.         }
  90.     },
  91.     
  92.     updateSortParent : function(node){
  93. var p = node.parentNode;
  94. if(p && p.childrenRendered){
  95.             this.doSort.defer(1, this, [p]);
  96.         }
  97.     }
  98. };