AsyncTreeNode.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.AsyncTreeNode
  3.  * @extends Ext.tree.TreeNode
  4.  * @cfg {TreeLoader} loader A TreeLoader to be used by this node (defaults to the loader defined on the tree)
  5.  * @constructor
  6.  * @param {Object/String} attributes The attributes/config for the node or just a string with the text for the node 
  7.  */
  8.  Ext.tree.AsyncTreeNode = function(config){
  9.     this.loaded = config && config.loaded === true;
  10.     this.loading = false;
  11.     Ext.tree.AsyncTreeNode.superclass.constructor.apply(this, arguments);
  12.     /**
  13.     * @event beforeload
  14.     * Fires before this node is loaded, return false to cancel
  15.     * @param {Node} this This node
  16.     */
  17.     this.addEvents('beforeload', 'load');
  18.     /**
  19.     * @event load
  20.     * Fires when this node is loaded
  21.     * @param {Node} this This node
  22.     */
  23.     /**
  24.      * The loader used by this node (defaults to using the tree's defined loader)
  25.      * @type TreeLoader
  26.      * @property loader
  27.      */
  28. };
  29. Ext.extend(Ext.tree.AsyncTreeNode, Ext.tree.TreeNode, {
  30.     expand : function(deep, anim, callback, scope){
  31.         if(this.loading){ // if an async load is already running, waiting til it's done
  32.             var timer;
  33.             var f = function(){
  34.                 if(!this.loading){ // done loading
  35.                     clearInterval(timer);
  36.                     this.expand(deep, anim, callback, scope);
  37.                 }
  38.             }.createDelegate(this);
  39.             timer = setInterval(f, 200);
  40.             return;
  41.         }
  42.         if(!this.loaded){
  43.             if(this.fireEvent("beforeload", this) === false){
  44.                 return;
  45.             }
  46.             this.loading = true;
  47.             this.ui.beforeLoad(this);
  48.             var loader = this.loader || this.attributes.loader || this.getOwnerTree().getLoader();
  49.             if(loader){
  50.                 loader.load(this, this.loadComplete.createDelegate(this, [deep, anim, callback, scope]), this);
  51.                 return;
  52.             }
  53.         }
  54.         Ext.tree.AsyncTreeNode.superclass.expand.call(this, deep, anim, callback, scope);
  55.     },
  56.     
  57.     /**
  58.      * Returns true if this node is currently loading
  59.      * @return {Boolean}
  60.      */
  61.     isLoading : function(){
  62.         return this.loading;  
  63.     },
  64.     
  65.     loadComplete : function(deep, anim, callback, scope){
  66.         this.loading = false;
  67.         this.loaded = true;
  68.         this.ui.afterLoad(this);
  69.         this.fireEvent("load", this);
  70.         this.expand(deep, anim, callback, scope);
  71.     },
  72.     
  73.     /**
  74.      * Returns true if this node has been loaded
  75.      * @return {Boolean}
  76.      */
  77.     isLoaded : function(){
  78.         return this.loaded;
  79.     },
  80.     
  81.     hasChildNodes : function(){
  82.         if(!this.isLeaf() && !this.loaded){
  83.             return true;
  84.         }else{
  85.             return Ext.tree.AsyncTreeNode.superclass.hasChildNodes.call(this);
  86.         }
  87.     },
  88.     /**
  89.      * Trigger a reload for this node
  90.      * @param {Function} callback
  91.      * @param {Object} scope (optional) The scope in which to execute the callback.
  92.      */
  93.     reload : function(callback, scope){
  94.         this.collapse(false, false);
  95.         while(this.firstChild){
  96.             this.removeChild(this.firstChild).destroy();
  97.         }
  98.         this.childrenRendered = false;
  99.         this.loaded = false;
  100.         if(this.isHiddenRoot()){
  101.             this.expanded = false;
  102.         }
  103.         this.expand(false, false, callback, scope);
  104.     }
  105. });
  106. Ext.tree.TreePanel.nodeTypes.async = Ext.tree.AsyncTreeNode;