guicomponents.js

在流览器上仿CS界面的JAVASCRIPT脚本

throw new Error("Visual property on non created component");return this._element.value.substr(this.getSelectionStart(),this.getSelectionLength());}};_p._getRange=function(){if(!this._created)
throw new Error("Visual property on non created component");return this._element.createTextRange();};_p._getSelectionRange=function(){if(!this._created)
throw new Error("Visual property on non created component");return this._document.selection.createRange();};_p.selectAll=function(){if(!this._created)
throw new Error("Visual property on non created component");this._element.select();};_p._selectOnTabFocus=function(){this.selectAll();};_p._deselectOnTabBlur=function(){if(BiBrowserCheck.ie)
{var sr=this._getSelectionRange();if(!this._element.contains(sr.parentElement()))
return;sr.collapse();sr.select();}
else {}};_p.getPreferredWidth=function()
{if(this._preferredWidth!=null)
return this._preferredWidth;if(!this._created)
throw new Error("Visual property on non created component");if(BiBrowserCheck.ie)
{var r=this._getRange();var bcr=r.getBoundingClientRect();return bcr.right-bcr.left+this.getInsetLeft()+this.getPaddingLeft()+this.getInsetRight()+this.getPaddingRight();}
else {return this._element.scrollWidth;}};_p.getPreferredHeight=function()
{if(this._preferredHeight!=null)
return this._preferredHeight;if(!this._created)
throw new Error("Visual property on non created component");if(BiBrowserCheck.ie)
{var r=this._getRange();var bcr=r.getBoundingClientRect();return bcr.bottom-bcr.top+this.getInsetTop()+this.getPaddingTop()+this.getInsetBottom()+this.getPaddingBottom();}
else {return this._element.scrollHeight;}};_p.setPadding=function(nLeft,nRight,nTop,nBottom){if(arguments.length==1){nRight=nTop=nBottom=nLeft;}
else if(arguments.length==2){nTop=nBottom=nRight
nRight=nLeft;}
this.setPaddingLeft(nLeft);this.setPaddingRight(nRight);this.setPaddingTop(nTop);this.setPaddingBottom(nBottom);};_p.setPaddingLeft=function(nPaddingLeft){this.setStyleProperty("paddingLeft",nPaddingLeft+"px");};_p.getPaddingLeft=function(){return parseInt(this.getStyleProperty("paddingLeft"));};_p.setPaddingRight=function(nPaddingRight){this.setStyleProperty("paddingRight",nPaddingRight+"px");};_p.getPaddingRight=function(){return parseInt(this.getStyleProperty("paddingRight"));};_p.setPaddingTop=function(nPaddingTop){this.setStyleProperty("paddingTop",nPaddingTop+"px");};_p.getPaddingTop=function(){return parseInt(this.getStyleProperty("paddingTop"));};_p.setPaddingBottom=function(nPaddingBottom){this.setStyleProperty("paddingBottom",nPaddingBottom+"px");};_p.getPaddingBottom=function(){return parseInt(this.getStyleProperty("paddingBottom"));};_p.dispose=function(){if(this._disposed)return;if(this._element)
{if(BiBrowserCheck.moz)
this._element.removeEventListener("input",BiComponent.__oninlineevent,false);else this._element.onpropertychange=null;}
BiComponent.prototype.dispose.call(this);this._validator=null;this._invalidMessage=null;if(this._font)this._font.dispose();this._font=null;this._valueOnFocus=null;this._text=null;};_p._create=function(oDocument){BiComponent.prototype._create.call(this,oDocument);if(BiBrowserCheck.moz)
this._element.addEventListener("input",BiComponent.__oninlineevent,false);else this._element.onpropertychange=BiComponent.__oninlineevent;};_p._oninlineevent=function(e)
{if(!e)
e=this._document.parentWindow.event;if(e.type=="propertychange"&&e.propertyName=="value"||e.type=="input")
{this.dispatchEvent(new BiEvent("textchanged"));}
else BiComponent.prototype._oninlineevent.call(this,e);};_p._onKeyPress=function(e){if(e.getKeyCode()==BiKeyboardEvent.ENTER&&!e.getAltKey())
{this.dispatchEvent(new BiEvent("action"));if(this._command)
this._command.execute();}};_p._onFocus=function(e){this._valueOnFocus=this.getText();};_p._onBlur=function(e){if(this.getText()!=this._valueOnFocus)
this.dispatchEvent(new BiEvent("change"));delete this._valueOnFocus;};_p.addXmlNode=function(oNode,oXmlResourceParser)
{if(oNode.nodeType==3)
{this.setText(this.getText()+oNode.nodeValue);}
else BiComponent.prototype.addXmlNode.call(this,oNode,oXmlResourceParser);};function BiPasswordField(sText){BiTextField.call(this,sText);this.setHtmlProperty("type","password");}
var _p=BiPasswordField.prototype=new BiTextField;_p._className="BiPasswordField";function BiTextArea(sText){BiTextField.call(this,sText);this.setOverflow("auto");this.removeHtmlProperty("type");this.setHeight(50);this.addEventListener("keydown",this._onKeyDown);}
var _p=BiTextArea.prototype=new BiTextField;_p._className="BiTextArea";_p._tagName="TEXTAREA";_p._acceptsEnter=true;_p._acceptsEsc=false;_p.setWrap=function(bWrap){if(BiBrowserCheck.ie)
this.setHtmlProperty("wrap",bWrap?"soft":"off");else this.setStyleProperty("whiteSpace",bWrap?"normal":"nowrap");};_p.getWrap=function(){if(BiBrowserCheck.ie)
return this.setHtmlProperty("wrap")!="off";else return this.setStyleProperty("whiteSpace")=="normal";};_p._onKeyDown=function(e){if(e.getKeyCode()==BiKeyboardEvent.ESC)
e.preventDefault();};function BiGroupBox(sText){BiComponent.call(this);this.setCssClassName("bi-group-box");if(sText!=null)
this.setText(sText);if(BiBrowserCheck.moz)
this.addEventListener("create",this._mozForceLegendUpdate);}
var _p=BiGroupBox.prototype=new BiComponent;_p._className="BiGroupBox";if(BiBrowserCheck.ie)
_p._tagName="FIELDSET";_p._groupBoxTitle=null;_p._titlePosition="left";_p.getGroupBoxTitle=function(){return this._groupBoxTitle;};_p.setGroupBoxTitle=function(oGroupBoxTitle){if(this._groupBoxTitle&&this._groupBoxTitle!=oGroupBoxTitle)
this.remove(this._groupBoxTitle);this._groupBoxTitle=oGroupBoxTitle;if(this._groupBoxTitle){this.add(this._groupBoxTitle,this.getFirstChild());this._groupBoxTitle.setTitlePosition(this._titlePosition);if(BiBrowserCheck.moz)
this._mozForceLegendUpdate();}};_p.setTitlePosition=function(sTitlePosition){this._titlePosition=sTitlePosition;if(this._groupBoxTitle)
this._groupBoxTitle.setTitlePosition(this._titlePosition);};BiGroupBox.prototype.getTitlePosition=function(){return this._titlePosition;};_p.setText=function(sText){if(sText==null){this.setGroupBoxTitle(null);}
else{if(this._groupBoxTitle==null)
this.setGroupBoxTitle(new BiGroupBoxTitle(sText));else this._groupBoxTitle.setText(sText);}};_p.getText=function(){if(this._groupBoxTitle)
return this._groupBoxTitle.getText();return null;};_p._mozForceLegendUpdate=function()
{if(this._created)
{var ns=this._element.nextSibling;var p=this._element.parentNode;p.removeChild(this._element);p.insertBefore(this._element,ns);}};function BiGroupBoxTitle(sText){BiLabel.call(this,sText);this.setCssClassName("bi-group-box-title");}
var _p=BiGroupBoxTitle.prototype=new BiLabel;_p._className="BiGroupBoxTitle";if(BiBrowserCheck.ie)
_p._tagName="LEGEND";_p._titlePosition="left";_p.setTitlePosition=function(sTitlePosition){this._titlePosition=sTitlePosition;this.setHtmlProperty("align",sTitlePosition);if(BiBrowserCheck.moz&&this._created)
this.getParent()._mozForceLegendUpdate();};BiGroupBoxTitle.prototype.getTitlePosition=function(){return this._titlePosition;};_p.setLeft=function(nLeft){};_p.setRight=function(nBottom){};_p.setTop=function(nTop){};_p.setBottom=function(nBottom){};_p.layoutComponent=function(){};function BiRangeModel(){BiComponent.call(this);}
var _p=BiRangeModel.prototype=new BiComponent;_p._className="BiRangeModel";_p._value=0;_p._minimum=0;_p._maximum=100;_p.setValue=function(nValue){nValue=Math.max(this._minimum,Math.min(this._maximum,Math.floor(nValue)));if(this._value!=nValue){this._value=nValue
this.dispatchEvent(new BiEvent("change"));}};BiRangeModel.prototype.getValue=function(){return this._value;};_p.setMaximum=function(nMaximum){nMaximum=Math.floor(nMaximum);if(this._maximum!=nMaximum){this._maximum=Math.max(this._minimum,nMaximum);this._value=Math.min(this._value,this._maximum);this.dispatchEvent(new BiEvent("change"));}};BiRangeModel.prototype.getMaximum=function(){return this._maximum;};_p.setMinimum=function(nMinimum){nMinimum=Math.floor(nMinimum);if(this._minimum!=nMinimum){this._minimum=Math.min(this._maximum,nMinimum);this._value=Math.max(this._value,this._minimum);this.dispatchEvent(new BiEvent("change"));}};BiRangeModel.prototype.getMinimum=function(){return this._minimum;};function BiProgressBar(nValue){BiComponent.call(this);this.setCssClassName("bi-progress-bar");this._rangeModel=new BiRangeModel();if(nValue)this.setValue(nValue);this._rangeModel.addEventListener("change",this._onchange,this);}
_p=BiProgressBar.prototype=new BiComponent;_p._className="BiProgressBar";_p._preferredHeight=16;_p._preferredWidth=200;_p.setValue=function(nValue){this._rangeModel.setValue(nValue);};_p.getValue=function(){return this._rangeModel.getValue();};_p.setMaximum=function(nMaximum){this._rangeModel.setMaximum(nMaximum);};_p.getMaximum=function(){return this._rangeModel.getMaximum();};_p.setMinimum=function(nMinimum){this._rangeModel.setMinimum(nMinimum);};_p.getMinimum=function(){return this._rangeModel.getMinimum();};_p._layoutThumb=function(){if(this._thumb){this._thumb.style.width=100*(this.getValue()-this.getMinimum())/(this.getMaximum()-this.getMinimum())+"%";}};_p._create=function(oDocument){BiComponent.prototype._create.call(this,oDocument);this._thumb=this._document.createElement("DIV");this._thumb.className="bi-progress-bar-thumb";this._element.insertBefore(this._thumb,this._element.firstChild);this._layoutThumb();};_p.dispose=function(){if(this._disposed)return;BiComponent.prototype.dispose.call(this);this._rangeModel.dispose();this._rangeModel=null;if(this._thumb)
this._thumb.style.filter="none";this._thumb=null;};_p._onchange=function(e){this._layoutThumb();this.dispatchEvent(new BiEvent("change"));};function BiUndeterminedProgressBar()
{BiProgressBar.call(this);this._rangeModel.setMaximum(50);this._timer=new BiTimer(50);this._timer.addEventListener("tick",this._ontick,this);this.addEventListener("create",this._layoutThumb);};_p=BiUndeterminedProgressBar.prototype=new BiProgressBar;_p._className="BiUndeterminedProgressBar";_p.layoutComponentX=function()
{this._layoutThumb();return BiProgressBar.prototype.layoutComponentX.call(this);};_p.layoutComponent=function()
{this._layoutThumb();return BiProgressBar.prototype.layoutComponent.call(this);};_p._layoutThumb=function()
{if(this.getCreated())
{var max=this.getMaximum();var min=this.getMinimum();var size=max-min;var v=(this.getValue()-min)/size;var w=0.3;var left,right,width;if(v<=0.5)
{right=(v*2)*(1+w);left=right-w;this._thumb.className="bi-progress-bar-thumb";}
else {left=1-(1+w)*2*(v-0.5);right=left+w;this._thumb.className="bi-progress-bar-reverse-thumb";}
left=Math.max(0,Math.min(1,left));right=Math.max(0,Math.min(1,right));width=right-left;var cw=this.getClientWidth();this._thumb.style.marginLeft=Math.round(left*cw)+"px";this._thumb.style.width=Math.round(width*cw)+"px";}};_p._ontick=function(e)
{if(this.getValue()==this.getMaximum())
this.setValue(this.getMinimum());else this.setValue(this.getValue()+1);};_p.start=function()
{this._timer.start();};_p.stop=function()
{this._timer.stop();};_p.getStarted=function()
{return this._timer.getEnabled();};_p.dispose=function()
{if(this._disposed)return;BiProgressBar.prototype.dispose.call(this);this._timer.dispose();this._timer=null;};function BiSlider(sOrientation){BiComponent.call(this);this._rangeModel=new BiRangeModel();this._line=new BiComponent;this._line.setCssClassName("bi-slider-line");this.add(this._line);this._thumb=new BiComponent;this._thumb.setCssClassName("bi-slider-thumb");this.add(this._thumb);this.setOrientation(sOrientation||"horizontal");if(this._orientation=="horizontal")
this.setSize(200,22);else this.setSize(22,200);this.setTabIndex(1);this._timer=new BiTimer;this._timer.setInterval(100);this._rangeModel.addEventListener("change",this._onchange,this);this.addEventListener("mousedown",this._onmousedown);this.addEventListener("mousewheel",this._onmousewheel);this.addEventListener("keydown",this._onkeydown);this._timer.addEventListener("tick",this._ontick,this);}
var _p=BiSlider.prototype=new BiComponent;_p._className="BiSlider";_p._preferredWidth=200;_p._preferredHeight=22;_p._blockIncrement=10;_p._unitIncrement=1;_p._tickIncrease=null;_p.setOrientation=function(sOrientation){if(this._orientation!=sOrientation){this._orientation=sOrientation;this.setCssClassName("bi-slider bi-slider-"+sOrientation);if(sOrientation=="horizontal"){this._line.setLeft(0);this._line.setRight(0);this._line.setBottom(null);}
else{this._line.setTop(0);this._line.setBottom(0);this._line.setRight(null);}
this._layoutLine();this._layoutThumb();}};BiSlider.prototype.getOrientation=function(){return this._orientation;};_p.setValue=function(nValue){this._rangeModel.setValue(nValue);};_p.getValue=function(){return this._rangeModel.getValue();};_p.setMaximum=function(nMaximum){this._rangeModel.setMaximum(nMaximum);};_p.getMaximum=function(){return this._rangeModel.getMaximum();};_p.setMinimum=function(nMinimum){this._rangeModel.setMinimum(nMinimum);};_p.getMinimum=function(){return this._rangeModel.getMinimum();};_p.layoutAllChildren=function(){this._layoutThumb();this._layoutLine();BiComponent.prototype.layoutAllChildren.call(this);};_p.layoutAllChildrenX=function(){this._layoutThumbX();this._layoutLineX();BiComponent.prototype.layoutAllChildrenX.call(this);};_p.layoutAllChildrenY=function(){this._layoutThumbY();this._layoutLineY();BiComponent.prototype.layoutAllChildrenY.call(this);};_p._layoutLine=function(){this._layoutLineX();this._layoutLineY();};_p._layoutLineX=function(){if(this._created){if(this._orientation=="horizontal"){}
else{this._line.setLeft((this.getClientWidth()-this._line.getWidth())/2);}}};_p._layoutLineY=function(){if(this._created){if(this._orientation=="horizontal"){this._line.setTop((this.getClientHeight()-this._line.getHeight())/2);}
else{}}};_p._layoutThumb=function(){this._layoutThumbX();this._layoutThumbY();};_p._layoutThumbX=function(){if(this._created){if(this._orientation=="horizontal"){this._thumb.setLeft((this.getValue()-this.getMinimum())/(this.getMaximum()-this.getMinimum())*(this.getClientWidth()-this._thumb.getWidth()));}
else{this._thumb.setLeft((this.getClientWidth()-this._thumb.getWidth())/2);}}};_p._layoutThumbY=function(){if(this._created){if(this._orientation=="horizontal"){this._thumb.setTop((this.getClientHeight()-this._thumb.getHeight())/2);}
else{this._thumb.setTop((this.getClientHeight()-this._thumb.getHeight())*(1-(this.getValue()-this.getMinimum())/(this.getMaximum()-this.getMinimum())));}}};BiSlider.prototype.getUnitIncrement=function(){return this._unitIncrement;};BiSlider.prototype.setUnitIncrement=function(v){this._unitIncrement=v;};BiSlider.prototype.getBlockIncrement=function(){return this._blockIncrement;};BiSlider.prototype.setBlockIncrement=function(v){this._blockIncrement=v;};_p._onmousedown=function(e){this.addEventListener("mousemove",this._onmousemove);this.addEventListener("mouseup",this._onmouseup);this.addEventListener("losecapture",this._onmouseup);this.setCapture(true);if(this.getCanFocus())
this.setFocused(true);if(e.getTarget()==this._thumb){this._dragData={screenX:e.getScreenX(),screenY:e.getScreenY(),dx:e.getScreenX()-this._thumb.getLeft(),dy:e.getScreenY()-this._thumb.getTop(),startValue:this.getValue()};}
else{this._timer.start();}};_p._onmousemove=function(e){if(this._dragData){var size,pos,reset;if(this._orientation=="horizontal"){size=this.getClientWidth()-this._thumb.getWidth();pos=e.getScreenX()-this._dragData.dx;reset=Math.abs(e.getScreenY()-this._dragData.screenY)>100;}
else{size=this.getClientHeight()-this._thumb.getHeight();pos=size-(e.getScreenY()-this._dragData.dy);reset=Math.abs(e.getScreenX()-this._dragData.screenX)>100;}
this.setValue(reset?this._dragData.startValue:this.getMinimum()+(this.getMaximum()-this.getMinimum())*pos/size);}
else{}};_p._onmouseup=function(e){this.removeEventListener("mousemove",this._onmousemove);this.removeEventListener("mouseup",this._onmouseup);this.removeEventListener("losecapture",this._onmouseup);this.setCapture(false);if(this._dragData){this._dragData=null;}
else{this._timer.stop();this._tickIncrease=null;}};_p._onkeydown=function(e){switch(e.getKeyCode()){case BiKeyboardEvent.PAGE_UP:this.setValue(this.getValue()+this.getBlockIncrement());break;case BiKeyboardEvent.PAGE_DOWN:this.setValue(this.getValue()-this.getBlockIncrement());break;case BiKeyboardEvent.END:this.setValue(this.getOrientation()=="horizontal"?this.getMaximum():this.getMinimum());break;case BiKeyboardEvent.HOME:this.setValue(this.getOrientation()=="horizontal"?this.getMinimum():this.getMaximum());break;case BiKeyboardEvent.UP:case BiKeyboardEvent.RIGHT:this.setValue(this.getValue()+this.getUnitIncrement());break;case BiKeyboardEvent.LEFT:case BiKeyboardEvent.DOWN:this.setValue(this.getValue()-this.getUnitIncrement());break;}};_p._onmousewheel=function(e){this.setValue(this.getValue()+e.getWheelDelta()*this.getUnitIncrement());};_p._ontick=function(e){if(this._orientation=="horizontal"){var mouseX=BiMouseEvent.getClientX()-this.getClientLeft();var l=this._thumb.getLeft();var w=this._thumb.getWidth();if(mouseX<l&&this._tickIncrease!=true){this.setValue(this.getValue()-this.getBlockIncrement());this._tickIncrease=false;}
else if(mouseX>l+w&&this._tickIncrease!=false){this.setValue(this.getValue()+this.getBlockIncrement());this._tickIncrease=true;}}
else{var mouseY=BiMouseEvent.getClientY()-this.getClientTop();var t=this._thumb.getTop();var h=this._thumb.getHeight();if(mouseY<t&&this._tickIncrease!=false){this.setValue(this.getValue()+this.getBlockIncrement());this._tickIncrease=true;}