Element.scroll-more.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.Element
  3.  */
  4. Ext.Element.addMethods({
  5.     /**
  6.      * Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it will try to do it. For auto bounds checking, use scroll().
  7.      * @param {String} side Either "left" for scrollLeft values or "top" for scrollTop values.
  8.      * @param {Number} value The new scroll value
  9.      * @param {Boolean/Object} animate (optional) true for the default animation or a standard Element animation config object
  10.      * @return {Element} this
  11.      */
  12.     scrollTo : function(side, value, animate){
  13.         var tester = /top/i,
  14.          prop = "scroll" + (tester.test(side) ? "Top" : "Left"),
  15.          me = this,
  16.          dom = me.dom;
  17.         if (!animate || !me.anim) {
  18.             dom[prop] = value;
  19.         } else {
  20.             me.anim({scroll: {to: tester.test(prop) ? [dom[prop], value] : [value, dom[prop]]}},
  21.               me.preanim(arguments, 2), 'scroll');
  22.         }
  23.         return me;
  24.     },
  25.     
  26.     /**
  27.      * Scrolls this element into view within the passed container.
  28.      * @param {Mixed} container (optional) The container element to scroll (defaults to document.body).  Should be a
  29.      * string (id), dom node, or Ext.Element.
  30.      * @param {Boolean} hscroll (optional) False to disable horizontal scroll (defaults to true)
  31.      * @return {Ext.Element} this
  32.      */
  33.     scrollIntoView : function(container, hscroll){
  34.         var c = Ext.getDom(container) || Ext.getBody().dom,
  35.          el = this.dom,
  36.          o = this.getOffsetsTo(c),
  37.             l = o[0] + c.scrollLeft,
  38.             t = o[1] + c.scrollTop,
  39.             b = t + el.offsetHeight,
  40.             r = l + el.offsetWidth,
  41.          ch = c.clientHeight,
  42.          ct = parseInt(c.scrollTop, 10),
  43.          cl = parseInt(c.scrollLeft, 10),
  44.          cb = ct + ch,
  45.          cr = cl + c.clientWidth;
  46.         if (el.offsetHeight > ch || t < ct) {
  47.          c.scrollTop = t;
  48.         } else if (b > cb){
  49.             c.scrollTop = b-ch;
  50.         }
  51.         c.scrollTop = c.scrollTop; // corrects IE, other browsers will ignore
  52.         if(hscroll !== false){
  53. if(el.offsetWidth > c.clientWidth || l < cl){
  54.                 c.scrollLeft = l;
  55.             }else if(r > cr){
  56.                 c.scrollLeft = r - c.clientWidth;
  57.             }
  58.             c.scrollLeft = c.scrollLeft;
  59.         }
  60.         return this;
  61.     },
  62.     // private
  63.     scrollChildIntoView : function(child, hscroll){
  64.         Ext.fly(child, '_scrollChildIntoView').scrollIntoView(this, hscroll);
  65.     },
  66.     
  67.     /**
  68.      * Scrolls this element the specified direction. Does bounds checking to make sure the scroll is
  69.      * within this element's scrollable range.
  70.      * @param {String} direction Possible values are: "l" (or "left"), "r" (or "right"), "t" (or "top", or "up"), "b" (or "bottom", or "down").
  71.      * @param {Number} distance How far to scroll the element in pixels
  72.      * @param {Boolean/Object} animate (optional) true for the default animation or a standard Element animation config object
  73.      * @return {Boolean} Returns true if a scroll was triggered or false if the element
  74.      * was scrolled as far as it could go.
  75.      */
  76.      scroll : function(direction, distance, animate){
  77.          if(!this.isScrollable()){
  78.              return;
  79.          }
  80.          var el = this.dom,
  81.             l = el.scrollLeft, t = el.scrollTop,
  82.             w = el.scrollWidth, h = el.scrollHeight,
  83.             cw = el.clientWidth, ch = el.clientHeight,
  84.             scrolled = false, v,
  85.             hash = {
  86.                 l: Math.min(l + distance, w-cw),
  87.                 r: v = Math.max(l - distance, 0),
  88.                 t: Math.max(t - distance, 0),
  89.                 b: Math.min(t + distance, h-ch)
  90.             };
  91.             hash.d = hash.b;
  92.             hash.u = hash.t;
  93.             
  94.          direction = direction.substr(0, 1);
  95.          if((v = hash[direction]) > -1){
  96.             scrolled = true;
  97.             this.scrollTo(direction == 'l' || direction == 'r' ? 'left' : 'top', v, this.preanim(arguments, 2));
  98.          }
  99.          return scrolled;
  100.     }
  101. });