?? combobox.js
字號:
highlightPrevOption: function(){ if(this._highlighted_option && this._highlighted_option.previousSibling){ this.focusOptionNode(this._highlighted_option.previousSibling); }else{ this._highlighted_option = null; this.hideResultList(); return; } this.scrollIntoView(); }, itemMouseOver: function(evt){ this.focusOptionNode(evt.target); dojo.html.addClass(this._highlighted_option, "dojoComboBoxItemHighlight"); }, itemMouseOut: function(evt){ this.blurOptionNode(); }, fillInTemplate: function(args, frag){ // FIXME: need to get/assign DOM node names for form participation here. this.comboBoxValue.name = this.name; this.comboBoxSelectionValue.name = this.name+"_selected"; var source = this.getFragNodeRef(frag); dojo.html.copyStyle(this.domNode, source); var dpClass; if(this.mode == "remote"){ dpClass = dojo.widget.incrementalComboBoxDataProvider; }else if(typeof this.dataProviderClass == "string"){ dpClass = dojo.evalObjPath(this.dataProviderClass) }else{ dpClass = this.dataProviderClass; } this.dataProvider = new dpClass(); this.dataProvider.init(this, this.getFragNodeRef(frag)); // Prevent IE bleed-through problem this.optionsIframe = new dojo.html.BackgroundIframe(this.optionsListWrapper); this.optionsIframe.size([0,0,0,0]); }, focus: function(){ // summary // set focus to input node from code this.tryFocus(); }, openResultList: function(results){ this.clearResultList(); if(!results.length){ this.hideResultList(); } if( (this.autoComplete)&& (results.length)&& (!this._prev_key_backspace)&& (this.textInputNode.value.length > 0)){ var cpos = this.getCaretPos(this.textInputNode); // only try to extend if we added the last character at the end of the input if((cpos+1) > this.textInputNode.value.length){ // only add to input node as we would overwrite Capitalisation of chars this.textInputNode.value += results[0][0].substr(cpos); // build a new range that has the distance from the earlier // caret position to the end of the first string selected this.setSelectedRange(this.textInputNode, cpos, this.textInputNode.value.length); } } var even = true; while(results.length){ var tr = results.shift(); if(tr){ var td = document.createElement("div"); td.appendChild(document.createTextNode(tr[0])); td.setAttribute("resultName", tr[0]); td.setAttribute("resultValue", tr[1]); td.className = "dojoComboBoxItem "+((even) ? "dojoComboBoxItemEven" : "dojoComboBoxItemOdd"); even = (!even); this.optionsListNode.appendChild(td); dojo.event.connect(td, "onmouseover", this, "itemMouseOver"); dojo.event.connect(td, "onmouseout", this, "itemMouseOut"); } } // show our list (only if we have content, else nothing) this.showResultList(); }, onFocusInput: function(){ this._hasFocus = true; }, onBlurInput: function(){ this._hasFocus = false; this._handleBlurTimer(true, 500); }, // collect all blur timers issues here _handleBlurTimer: function(/*Boolean*/clear, /*Number*/ millisec){ if(this.blurTimer && (clear || millisec)){ clearTimeout(this.blurTimer); } if(millisec){ // we ignore that zero is false and never sets as that never happens in this widget this.blurTimer = dojo.lang.setTimeout(this, "checkBlurred", millisec); } }, // these 2 are needed in IE and Safari as inputTextNode loses focus when scrolling optionslist _onMouseOver: function(evt){ if(!this._mouseover_list){ this._handleBlurTimer(true, 0); this._mouseover_list = true; } }, _onMouseOut:function(evt){ var relTarget = evt.relatedTarget; if(!relTarget || relTarget.parentNode!=this.optionsListNode){ this._mouseover_list = false; this._handleBlurTimer(true, 100); this.tryFocus(); } }, _isInputEqualToResult: function(result){ input = this.textInputNode.value; if(!this.dataProvider.caseSensitive){ input = input.toLowerCase(); result = result.toLowerCase(); } return (input == result); }, _isValidOption: function(){ tgt = dojo.dom.firstElement(this.optionsListNode); isValidOption = false; while(!isValidOption && tgt){ if(this._isInputEqualToResult(tgt.getAttribute("resultName"))){ isValidOption = true; }else{ tgt = dojo.dom.nextElement(tgt); } } return isValidOption; }, checkBlurred: function(){ if(!this._hasFocus && !this._mouseover_list){ this.hideResultList(); // clear the list if the user empties field and moves away. if(!this.textInputNode.value.length){ this.setAllValues("", ""); return; } isValidOption = this._isValidOption(); // enforce selection from option list if(this.forceValidOption && !isValidOption){ this.setAllValues("", ""); return; } if(!isValidOption){// clear this.setSelectedValue(""); } } }, sizeBackgroundIframe: function(){ var w = dojo.style.getOuterWidth(this.optionsListNode); var h = dojo.style.getOuterHeight(this.optionsListNode); if( w==0 || h==0 ){ // need more time to calculate size dojo.lang.setTimeout(this, "sizeBackgroundIframe", 100); return; } if(this._result_list_open){ this.optionsIframe.size([0,0,w,h]); } }, selectOption: function(evt){ var tgt = null; if(!evt){ evt = { target: this._highlighted_option }; } if(!dojo.dom.isDescendantOf(evt.target, this.optionsListNode)){ // handle autocompletion where the the user has hit ENTER or TAB // if the input is empty do nothing if(!this.textInputNode.value.length){ return; } tgt = dojo.dom.firstElement(this.optionsListNode); // user has input value not in option list if(!tgt || !this._isInputEqualToResult(tgt.getAttribute("resultName"))){ return; } // otherwise the user has accepted the autocompleted value }else{ tgt = evt.target; } while((tgt.nodeType!=1)||(!tgt.getAttribute("resultName"))){ tgt = tgt.parentNode; if(tgt === document.body){ return false; } } this.textInputNode.value = tgt.getAttribute("resultName"); this.selectedResult = [tgt.getAttribute("resultName"), tgt.getAttribute("resultValue")]; this.setAllValues(tgt.getAttribute("resultName"), tgt.getAttribute("resultValue")); if(!evt.noHide){ this.hideResultList(); this.setSelectedRange(this.textInputNode, 0, null); } this.tryFocus(); }, clearResultList: function(){ var oln = this.optionsListNode; while(oln.firstChild){ dojo.event.disconnect(oln.firstChild, "onmouseover", this, "itemMouseOver"); dojo.event.disconnect(oln.firstChild, "onmouseout", this, "itemMouseOut"); oln.removeChild(oln.firstChild); } }, hideResultList: function(){ if(this._result_list_open){ this._result_list_open = false; this.optionsIframe.size([0,0,0,0]); dojo.lfx.fadeHide(this.optionsListNode, this.fadeTime).play(); } }, showResultList: function(){ // Our dear friend IE doesnt take max-height so we need to calculate that on our own every time var childs = this.optionsListNode.childNodes; if(childs.length){ var visibleCount = this.maxListLength; if(childs.length < visibleCount){ visibleCount = childs.length; } with(this.optionsListNode.style){ display = ""; height = ((visibleCount) ? (dojo.style.getOuterHeight(childs[0]) * visibleCount) : 0)+"px"; width = dojo.html.getOuterWidth(this.cbTableNode)-2+"px"; } // only fadein once (flicker) if(!this._result_list_open){ dojo.html.setOpacity(this.optionsListNode, 0); dojo.lfx.fadeIn(this.optionsListNode, this.fadeTime).play(); } // prevent IE bleed through this._iframeTimer = dojo.lang.setTimeout(this, "sizeBackgroundIframe", 200); this._result_list_open = true; }else{ this.hideResultList(); } }, handleArrowClick: function(){ this._handleBlurTimer(true, 0); this.tryFocus(); if(this._result_list_open){ this.hideResultList(); }else{ this.startSearchFromInput(); } }, tryFocus: function(){ try { this.textInputNode.focus(); } catch (e) { // element isn't focusable if disabled, or not visible etc - not easy to test for. }; }, startSearchFromInput: function(){ this.startSearch(this.textInputNode.value); }, postCreate: function(){ dojo.event.connect(this, "startSearch", this.dataProvider, "startSearch"); dojo.event.connect(this.dataProvider, "provideSearchResults", this, "openResultList"); dojo.event.connect(this.textInputNode, "onblur", this, "onBlurInput"); dojo.event.connect(this.textInputNode, "onfocus", this, "onFocusInput"); var s = dojo.widget.html.stabile.getState(this.widgetId); if (s) { this.setState(s); } } });
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -