首頁 探索 說明
註冊 登入
dbs227
/
YNU_JEUS
1
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
目錄樹: ba2a58c8f2
分支列表 標籤列表
YNU_JEUS
/
admin_home
/
dojo
/
dojox
/
widget
/
FisheyeList.js

FisheyeList.js 12 KB
文件歷史 原始文件

12345678 
  1. /*
    2. 

  2. 	Copyright (c) 2004-2009, The Dojo Foundation All Rights Reserved.
    3. 

  3. 	Available via Academic Free License >= 2.1 OR the modified BSD license.
    4. 

  4. 	see: http://dojotoolkit.org/license for details
    5. 

  5. */
    6. 

  6. 

  7. 

  8. if(!dojo._hasResource["dojox.widget.FisheyeList"]){dojo._hasResource["dojox.widget.FisheyeList"]=true;dojo.provide("dojox.widget.FisheyeList");dojo.require("dijit._Widget");dojo.require("dijit._Templated");dojo.require("dijit._Container");dojo.require("dijit._Contained");dojo.declare("dojox.widget.FisheyeList",[dijit._Widget,dijit._Templated,dijit._Container],{constructor:function(){this.pos={"x":-1,"y":-1};this.timerScale=1;},EDGE:{CENTER:0,LEFT:1,RIGHT:2,TOP:3,BOTTOM:4},templateString:"<div class=\"dojoxFisheyeListBar\" dojoAttachPoint=\"containerNode\"></div>",snarfChildDomOutput:true,itemWidth:40,itemHeight:40,itemMaxWidth:150,itemMaxHeight:150,imgNode:null,orientation:"horizontal",isFixed:false,conservativeTrigger:false,effectUnits:2,itemPadding:10,attachEdge:"center",labelEdge:"bottom",postCreate:function(){var e=this.EDGE;dojo.setSelectable(this.domNode,false);var _1=this.isHorizontal=(this.orientation=="horizontal");this.selectedNode=-1;this.isOver=false;this.hitX1=-1;this.hitY1=-1;this.hitX2=-1;this.hitY2=-1;this.anchorEdge=this._toEdge(this.attachEdge,e.CENTER);this.labelEdge=this._toEdge(this.labelEdge,e.TOP);if(this.labelEdge==e.CENTER){this.labelEdge=e.TOP;}if(_1){if(this.anchorEdge==e.LEFT){this.anchorEdge=e.CENTER;}if(this.anchorEdge==e.RIGHT){this.anchorEdge=e.CENTER;}if(this.labelEdge==e.LEFT){this.labelEdge=e.TOP;}if(this.labelEdge==e.RIGHT){this.labelEdge=e.TOP;}}else{if(this.anchorEdge==e.TOP){this.anchorEdge=e.CENTER;}if(this.anchorEdge==e.BOTTOM){this.anchorEdge=e.CENTER;}if(this.labelEdge==e.TOP){this.labelEdge=e.LEFT;}if(this.labelEdge==e.BOTTOM){this.labelEdge=e.LEFT;}}var _2=this.effectUnits;this.proximityLeft=this.itemWidth*(_2-0.5);this.proximityRight=this.itemWidth*(_2-0.5);this.proximityTop=this.itemHeight*(_2-0.5);this.proximityBottom=this.itemHeight*(_2-0.5);if(this.anchorEdge==e.LEFT){this.proximityLeft=0;}if(this.anchorEdge==e.RIGHT){this.proximityRight=0;}if(this.anchorEdge==e.TOP){this.proximityTop=0;}if(this.anchorEdge==e.BOTTOM){this.proximityBottom=0;}if(this.anchorEdge==e.CENTER){this.proximityLeft/=2;this.proximityRight/=2;this.proximityTop/=2;this.proximityBottom/=2;}},startup:function(){this.children=this.getChildren();this._initializePositioning();if(!this.conservativeTrigger){this._onMouseMoveHandle=dojo.connect(document.documentElement,"onmousemove",this,"_onMouseMove");}if(this.isFixed){this._onScrollHandle=dojo.connect(document,"onscroll",this,"_onScroll");}this._onMouseOutHandle=dojo.connect(document.documentElement,"onmouseout",this,"_onBodyOut");this._addChildHandle=dojo.connect(this,"addChild",this,"_initializePositioning");this._onResizeHandle=dojo.connect(window,"onresize",this,"_initializePositioning");},_initializePositioning:function(){this.itemCount=this.children.length;this.barWidth=(this.isHorizontal?this.itemCount:1)*this.itemWidth;this.barHeight=(this.isHorizontal?1:this.itemCount)*this.itemHeight;this.totalWidth=this.proximityLeft+this.proximityRight+this.barWidth;this.totalHeight=this.proximityTop+this.proximityBottom+this.barHeight;for(var i=0;i<this.children.length;i++){this.children[i].posX=this.itemWidth*(this.isHorizontal?i:0);this.children[i].posY=this.itemHeight*(this.isHorizontal?0:i);this.children[i].cenX=this.children[i].posX+(this.itemWidth/2);this.children[i].cenY=this.children[i].posY+(this.itemHeight/2);var _3=this.isHorizontal?this.itemWidth:this.itemHeight;var r=this.effectUnits*_3;var c=this.isHorizontal?this.children[i].cenX:this.children[i].cenY;var _4=this.isHorizontal?this.proximityLeft:this.proximityTop;var _5=this.isHorizontal?this.proximityRight:this.proximityBottom;var _6=this.isHorizontal?this.barWidth:this.barHeight;var _7=r;var _8=r;if(_7>c+_4){_7=c+_4;}if(_8>(_6-c+_5)){_8=_6-c+_5;}this.children[i].effectRangeLeft=_7/_3;this.children[i].effectRangeRght=_8/_3;}this.domNode.style.width=this.barWidth+"px";this.domNode.style.height=this.barHeight+"px";for(var i=0;i<this.children.length;i++){var _9=this.children[i];var _a=_9.domNode;_a.style.left=_9.posX+"px";_a.style.top=_9.posY+"px";_a.style.width=this.itemWidth+"px";_a.style.height=this.itemHeight+"px";_9.imgNode.style.left=this.itemPadding+"%";_9.imgNode.style.top=this.itemPadding+"%";_9.imgNode.style.width=(100-2*this.itemPadding)+"%";_9.imgNode.style.height=(100-2*this.itemPadding)+"%";}this._calcHitGrid();},_overElement:function(_b,e){_b=dojo.byId(_b);var _c={x:e.pageX,y:e.pageY};var bb=dojo._getBorderBox(_b);var _d=dojo.coords(_b,true);var _e=_d.y;var _f=_e+bb.h;var _10=_d.x;var _11=_10+bb.w;return (_c.x>=_10&&_c.x<=_11&&_c.y>=_e&&_c.y<=_f);},_onBodyOut:function(e){if(this._overElement(dojo.body(),e)){return;}this._setDormant(e);},_setDormant:function(e){if(!this.isOver){return;}this.isOver=false;if(this.conservativeTrigger){dojo.disconnect(this._onMouseMoveHandle);}this._onGridMouseMove(-1,-1);},_setActive:function(e){if(this.isOver){return;}this.isOver=true;if(this.conservativeTrigger){this._onMouseMoveHandle=dojo.connect(document.documentElement,"onmousemove",this,"_onMouseMove");this.timerScale=0;this._onMouseMove(e);this._expandSlowly();}},_onMouseMove:function(e){if((e.pageX>=this.hitX1)&&(e.pageX<=this.hitX2)&&(e.pageY>=this.hitY1)&&(e.pageY<=this.hitY2)){if(!this.isOver){this._setActive(e);}this._onGridMouseMove(e.pageX-this.hitX1,e.pageY-this.hitY1);}else{if(this.isOver){this._setDormant(e);}}},_onScroll:function(){this._calcHitGrid();},onResized:function(){this._calcHitGrid();},_onGridMouseMove:function(x,y){this.pos={x:x,y:y};this._paint();},_paint:function(){var x=this.pos.x;var y=this.pos.y;if(this.itemCount<=0){return;}var pos=this.isHorizontal?x:y;var prx=this.isHorizontal?this.proximityLeft:this.proximityTop;var siz=this.isHorizontal?this.itemWidth:this.itemHeight;var sim=this.isHorizontal?(1-this.timerScale)*this.itemWidth+this.timerScale*this.itemMaxWidth:(1-this.timerScale)*this.itemHeight+this.timerScale*this.itemMaxHeight;var cen=((pos-prx)/siz)-0.5;var _12=(sim/siz)-0.5;if(_12>this.effectUnits){_12=this.effectUnits;}var _13=0;if(this.anchorEdge==this.EDGE.BOTTOM){var _14=(y-this.proximityTop)/this.itemHeight;_13=(_14>0.5)?1:y/(this.proximityTop+(this.itemHeight/2));}if(this.anchorEdge==this.EDGE.TOP){var _14=(y-this.proximityTop)/this.itemHeight;_13=(_14<0.5)?1:(this.totalHeight-y)/(this.proximityBottom+(this.itemHeight/2));}if(this.anchorEdge==this.EDGE.RIGHT){var _14=(x-this.proximityLeft)/this.itemWidth;_13=(_14>0.5)?1:x/(this.proximityLeft+(this.itemWidth/2));}if(this.anchorEdge==this.EDGE.LEFT){var _14=(x-this.proximityLeft)/this.itemWidth;_13=(_14<0.5)?1:(this.totalWidth-x)/(this.proximityRight+(this.itemWidth/2));}if(this.anchorEdge==this.EDGE.CENTER){if(this.isHorizontal){_13=y/(this.totalHeight);}else{_13=x/(this.totalWidth);}if(_13>0.5){_13=1-_13;}_13*=2;}for(var i=0;i<this.itemCount;i++){var _15=this._weighAt(cen,i);if(_15<0){_15=0;}this._setItemSize(i,_15*_13);}var _16=Math.round(cen);var _17=0;if(cen<0){_16=0;}else{if(cen>this.itemCount-1){_16=this.itemCount-1;}else{_17=(cen-_16)*((this.isHorizontal?this.itemWidth:this.itemHeight)-this.children[_16].sizeMain);}}this._positionElementsFrom(_16,_17);},_weighAt:function(cen,i){var _18=Math.abs(cen-i);var _19=((cen-i)>0)?this.children[i].effectRangeRght:this.children[i].effectRangeLeft;return (_18>_19)?0:(1-_18/_19);},_setItemSize:function(p,_1a){_1a*=this.timerScale;var w=Math.round(this.itemWidth+((this.itemMaxWidth-this.itemWidth)*_1a));var h=Math.round(this.itemHeight+((this.itemMaxHeight-this.itemHeight)*_1a));if(this.isHorizontal){this.children[p].sizeW=w;this.children[p].sizeH=h;this.children[p].sizeMain=w;this.children[p].sizeOff=h;var y=0;if(this.anchorEdge==this.EDGE.TOP){y=(this.children[p].cenY-(this.itemHeight/2));}else{if(this.anchorEdge==this.EDGE.BOTTOM){y=(this.children[p].cenY-(h-(this.itemHeight/2)));}else{y=(this.children[p].cenY-(h/2));}}this.children[p].usualX=Math.round(this.children[p].cenX-(w/2));this.children[p].domNode.style.top=y+"px";this.children[p].domNode.style.left=this.children[p].usualX+"px";}else{this.children[p].sizeW=w;this.children[p].sizeH=h;this.children[p].sizeOff=w;this.children[p].sizeMain=h;var x=0;if(this.anchorEdge==this.EDGE.LEFT){x=this.children[p].cenX-(this.itemWidth/2);}else{if(this.anchorEdge==this.EDGE.RIGHT){x=this.children[p].cenX-(w-(this.itemWidth/2));}else{x=this.children[p].cenX-(w/2);}}this.children[p].domNode.style.left=x+"px";this.children[p].usualY=Math.round(this.children[p].cenY-(h/2));this.children[p].domNode.style.top=this.children[p].usualY+"px";}this.children[p].domNode.style.width=w+"px";this.children[p].domNode.style.height=h+"px";if(this.children[p].svgNode){this.children[p].svgNode.setSize(w,h);}},_positionElementsFrom:function(p,_1b){var pos=0;if(this.isHorizontal){pos=Math.round(this.children[p].usualX+_1b);this.children[p].domNode.style.left=pos+"px";}else{pos=Math.round(this.children[p].usualY+_1b);this.children[p].domNode.style.top=pos+"px";}this._positionLabel(this.children[p]);var _1c=pos;for(var i=p-1;i>=0;i--){_1c-=this.children[i].sizeMain;if(this.isHorizontal){this.children[i].domNode.style.left=_1c+"px";}else{this.children[i].domNode.style.top=_1c+"px";}this._positionLabel(this.children[i]);}var _1d=pos;for(var i=p+1;i<this.itemCount;i++){_1d+=this.children[i-1].sizeMain;if(this.isHorizontal){this.children[i].domNode.style.left=_1d+"px";}else{this.children[i].domNode.style.top=_1d+"px";}this._positionLabel(this.children[i]);}},_positionLabel:function(itm){var x=0;var y=0;var mb=dojo.marginBox(itm.lblNode);if(this.labelEdge==this.EDGE.TOP){x=Math.round((itm.sizeW/2)-(mb.w/2));y=-mb.h;}if(this.labelEdge==this.EDGE.BOTTOM){x=Math.round((itm.sizeW/2)-(mb.w/2));y=itm.sizeH;}if(this.labelEdge==this.EDGE.LEFT){x=-mb.w;y=Math.round((itm.sizeH/2)-(mb.h/2));}if(this.labelEdge==this.EDGE.RIGHT){x=itm.sizeW;y=Math.round((itm.sizeH/2)-(mb.h/2));}itm.lblNode.style.left=x+"px";itm.lblNode.style.top=y+"px";},_calcHitGrid:function(){var pos=dojo.coords(this.domNode,true);this.hitX1=pos.x-this.proximityLeft;this.hitY1=pos.y-this.proximityTop;this.hitX2=this.hitX1+this.totalWidth;this.hitY2=this.hitY1+this.totalHeight;},_toEdge:function(inp,def){return this.EDGE[inp.toUpperCase()]||def;},_expandSlowly:function(){if(!this.isOver){return;}this.timerScale+=0.2;this._paint();if(this.timerScale<1){setTimeout(dojo.hitch(this,"_expandSlowly"),10);}},destroyRecursive:function(){dojo.disconnect(this._onMouseOutHandle);dojo.disconnect(this._onMouseMoveHandle);dojo.disconnect(this._addChildHandle);if(this.isFixed){dojo.disconnect(this._onScrollHandle);}dojo.disconnect(this._onResizeHandle);this.inherited("destroyRecursive",arguments);}});dojo.declare("dojox.widget.FisheyeListItem",[dijit._Widget,dijit._Templated,dijit._Contained],{iconSrc:"",label:"",id:"",templateString:"<div class=\"dojoxFisheyeListItem\">"+"  <img class=\"dojoxFisheyeListItemImage\" dojoAttachPoint=\"imgNode\" dojoAttachEvent=\"onmouseover:onMouseOver,onmouseout:onMouseOut,onclick:onClick\">"+"  <div class=\"dojoxFisheyeListItemLabel\" dojoAttachPoint=\"lblNode\"></div>"+"</div>",_isNode:function(wh){if(typeof Element=="function"){try{return wh instanceof Element;}catch(e){}}else{return wh&&!isNaN(wh.nodeType);}},_hasParent:function(_1e){return Boolean(_1e&&_1e.parentNode&&this._isNode(_1e.parentNode));},postCreate:function(){if((this.iconSrc.toLowerCase().substring(this.iconSrc.length-4)==".png")&&dojo.isIE<7){if(this._hasParent(this.imgNode)&&this.id!=""){var _1f=this.imgNode.parentNode;_1f.setAttribute("id",this.id);}this.imgNode.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.iconSrc+"', sizingMethod='scale')";this.imgNode.src=this._blankGif.toString();}else{if(this._hasParent(this.imgNode)&&this.id!=""){var _1f=this.imgNode.parentNode;_1f.setAttribute("id",this.id);}this.imgNode.src=this.iconSrc;}if(this.lblNode){this.lblNode.appendChild(document.createTextNode(this.label));}dojo.setSelectable(this.domNode,false);this.startup();},startup:function(){this.parent=this.getParent();},onMouseOver:function(e){if(!this.parent.isOver){this.parent._setActive(e);}if(this.label!=""){dojo.addClass(this.lblNode,"dojoxFishSelected");this.parent._positionLabel(this);}},onMouseOut:function(e){dojo.removeClass(this.lblNode,"dojoxFishSelected");},onClick:function(e){}});}
    9.