开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 中间件编程 > 查看源码
Spotlight.js
资源名称：ext-3.0.0.zip　[点击查看]
上传用户：shuoshiled
上传日期：2018-01-28
资源大小：10124k
文件大小：4k
源码类别：

中间件编程

开发平台：

JavaScript

Spotlight.js：源码内容
  1. /*!  * Ext JS Library 3.0.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ Ext.ux.Spotlight = function(config){
  2.     Ext.apply(this, config);
  3. }
  4. Ext.ux.Spotlight.prototype = {
  5.     active : false,
  6.     animate : true,
  7.     duration: .25,
  8.     easing:'easeNone',
  10.     // private
  11.     animated : false,
  13.     createElements : function(){
  14.         var bd = Ext.getBody();
  16.         this.right = bd.createChild({cls:'x-spotlight'});
  17.         this.left = bd.createChild({cls:'x-spotlight'});
  18.         this.top = bd.createChild({cls:'x-spotlight'});
  19.         this.bottom = bd.createChild({cls:'x-spotlight'});
  21.         this.all = new Ext.CompositeElement([this.right, this.left, this.top, this.bottom]);
  22.     },
  24.     show : function(el, callback, scope){
  25.         if(this.animated){
  26.             this.show.defer(50, this, [el, callback, scope]);
  27.             return;
  28.         }
  29.         this.el = Ext.get(el);
  30.         if(!this.right){
  31.             this.createElements();
  32.         }
  33.         if(!this.active){
  34.             this.all.setDisplayed('');
  35.             this.applyBounds(true, false);
  36.             this.active = true;
  37.             Ext.EventManager.onWindowResize(this.syncSize, this);
  38.             this.applyBounds(false, this.animate, false, callback, scope);
  39.         }else{
  40.             this.applyBounds(false, false, false, callback, scope); // all these booleans look hideous
  41.         }
  42.     },
  44.     hide : function(callback, scope){
  45.         if(this.animated){
  46.             this.hide.defer(50, this, [callback, scope]);
  47.             return;
  48.         }
  49.         Ext.EventManager.removeResizeListener(this.syncSize, this);
  50.         this.applyBounds(true, this.animate, true, callback, scope);
  51.     },
  53.     doHide : function(){
  54.         this.active = false;
  55.         this.all.setDisplayed(false);
  56.     },
  58.     syncSize : function(){
  59.         this.applyBounds(false, false);
  60.     },
  62.     applyBounds : function(basePts, anim, doHide, callback, scope){
  64.         var rg = this.el.getRegion();
  66.         var dw = Ext.lib.Dom.getViewWidth(true);
  67.         var dh = Ext.lib.Dom.getViewHeight(true);
  69.         var c = 0, cb = false;
  70.         if(anim){
  71.             cb = {
  72.                 callback: function(){
  73.                     c++;
  74.                     if(c == 4){
  75.                         this.animated = false;
  76.                         if(doHide){
  77.                             this.doHide();
  78.                         }
  79.                         Ext.callback(callback, scope, [this]);
  80.                     }
  81.                 },
  82.                 scope: this,
  83.                 duration: this.duration,
  84.                 easing: this.easing
  85.             };
  86.             this.animated = true;
  87.         }
  89.         this.right.setBounds(
  90.                 rg.right,
  91.                 basePts ? dh : rg.top,
  92.                 dw - rg.right,
  93.                 basePts ? 0 : (dh - rg.top),
  94.                 cb);
  96.         this.left.setBounds(
  97.                 0,
  98.                 0,
  99.                 rg.left,
  100.                 basePts ? 0 : rg.bottom,
  101.                 cb);
  103.         this.top.setBounds(
  104.                 basePts ? dw : rg.left,
  105.                 0,
  106.                 basePts ? 0 : dw - rg.left,
  107.                 rg.top,
  108.                 cb);
  110.         this.bottom.setBounds(
  111.                 0,
  112.                 rg.bottom,
  113.                 basePts ? 0 : rg.right,
  114.                 dh - rg.bottom,
  115.                 cb);
  117.         if(!anim){
  118.             if(doHide){
  119.                 this.doHide();
  120.             }
  121.             if(callback){
  122.                 Ext.callback(callback, scope, [this]);
  123.             }
  124.         }
  125.     },
  127.     destroy : function(){
  128.         this.doHide();
  129.         Ext.destroy(
  130.             this.right,
  131.             this.left,
  132.             this.top,
  133.             this.bottom);
  134.         delete this.el;
  135.         delete this.all;
  136.     }
  137. };
  139. //backwards compat
  140. Ext.Spotlight = Ext.ux.Spotlight;