Author: nbelaevski Date: 2010-08-17 15:11:27 -0400 (Tue, 17 Aug 2010) New Revision: 18734 Added: branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Autocomplete.ecss branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Autocomplete.js branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/AutocompleteBase.js Removed: branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_complete.ecss branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_complete.js branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_completeBase.js Modified: branches/RF-9096/src/main/java/org/richfaces/renderkit/html/images/AutocompleteButtonGradient.java branches/RF-9096/src/main/java/org/richfaces/renderkit/html/images/AutocompleteFieldGradient.java Log: RF-9096 Modified: branches/RF-9096/src/main/java/org/richfaces/renderkit/html/images/AutocompleteButtonGradient.java =================================================================== --- branches/RF-9096/src/main/java/org/richfaces/renderkit/html/images/AutocompleteButtonGradient.java 2010-08-17 19:07:20 UTC (rev 18733) +++ branches/RF-9096/src/main/java/org/richfaces/renderkit/html/images/AutocompleteButtonGradient.java 2010-08-17 19:11:27 UTC (rev 18734) @@ -29,7 +29,7 @@ * */ @DynamicResource -public class AutocompleteButtonGradient extends Auto_completeBaseGradient { +public class AutocompleteButtonGradient extends AutocompleteBaseGradient { public AutocompleteButtonGradient() { setTopColorSkinParameter(Skin.HEADER_GRADIENT_COLOR); Modified: branches/RF-9096/src/main/java/org/richfaces/renderkit/html/images/AutocompleteFieldGradient.java =================================================================== --- branches/RF-9096/src/main/java/org/richfaces/renderkit/html/images/AutocompleteFieldGradient.java 2010-08-17 19:07:20 UTC (rev 18733) +++ branches/RF-9096/src/main/java/org/richfaces/renderkit/html/images/AutocompleteFieldGradient.java 2010-08-17 19:11:27 UTC (rev 18734) @@ -29,7 +29,7 @@ * */ @DynamicResource -public class AutocompleteFieldGradient extends Auto_completeBaseGradient { +public class AutocompleteFieldGradient extends AutocompleteBaseGradient { public AutocompleteFieldGradient() { setTopColorSkinParameter(Skin.ADDITIONAL_BACKGROUND_COLOR); Deleted: branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_complete.ecss =================================================================== --- branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_complete.ecss 2010-08-17 19:07:20 UTC (rev 18733) +++ branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_complete.ecss 2010-08-17 19:11:27 UTC (rev 18734) @@ -1,152 +0,0 @@ -.rf-au-f-w{ - width: 200px; -} - -.rf-au-l-w{ - width: 200px; -} - -.rf-au-l-h{ - max-height: 100px; - min-height: 20px; -} - -.rf-au-i.rf-au-ft, .rf-au-o.rf-au-ft{ - color: '#{richSkin.generalTextColor}'; - font-size: '#{richSkin.generalSizeFont}'; - font-family: '#{richSkin.generalFamilyFont}'; -} - -input.rf-au-i { - border-width: 0px; - background: none; - width: 100%; -} - -.rf-au-f{ - position: inline-block; - border-width: 1px; - border-style: solid; - border-color: '#{richSkin.panelBorderColor}'; - display: inline-block; - background-image: "url(#{resource['org.richfaces.renderkit.html.images.AutocompleteFieldGradient']})"; - background-repeat: repeat-x; - background-position: top left; - background-color: '#{richSkin.controlBackgroundColor}'; -} - -.rf-au-b{ - background-image: "url(#{resource['org.richfaces.renderkit.html.images.AutocompleteButtonGradient']})"; - background-repeat: repeat-x; - background-position: top left; - background-color: '#{richSkin.headerBackgroundColor}'; - text-align: center; - border-left-style: solid; - border-left-width: 1px; - border-left-color: '#{richSkin.panelBorderColor}'; - width: 15px; - position: absolute; - top: 0px; - right: 0px; - height: 200px; - padding-top: 1px -} - -.rf-au-b-a{ - background-position: center; - background-repeat: no-repeat; - background-image: "url(#{resource['org.richfaces:combo_down_button.gif']})"; - cursor: pointer; - width: 15px; - height: 15px; -} - -.rf-au-l-c{ - position: absolute; - /* TODO nick - review: font-size: 0px; */ - display: none; -} - -.rf-au-l-d{ - border-width: 1px; - border-style: solid; - border-color: '#{richSkin.panelBorderColor}'; - padding: 0px; - background-color: '#{richSkin.tableBackgroundColor}'; -} - -.rf-au-l-s{ - overflow: auto; - overflow-x: hidden; -} - -.rf-au-o{ - padding: 2px; - white-space: nowrap; - cursor: default; - list-style-type: none; -} - -.rf-au-s{ - padding: 1px; - width: 100%; - background-color: '#{richSkin.headerBackgroundColor}'; - border-width: 1px; - border-style: dotted; - border-color: '#{richSkin.generalTextColor}'; -} - -.rf-au-shw{ - border: 0px solid red; - display: inline-block; - position: absolute; - float: left; - padding: 6px 6px 6px 6px; - top: -6px; - left: -7px; -} - -.rf-au-shw-t{ - background-image: "url(#{resource['org.richfaces:combo_list_shadow.png']})"; - background-position: top left; - position: absolute; - width: 6px; - top: 0px; - bottom: 6px; - left: 0px -} - -.rf-au-shw-l{ - background-image: "url(#{resource['org.richfaces:combo_list_shadow.png']})"; - background-position: bottom left; - position: absolute; - height: 6px; - bottom: 0px; - left: 0px; - right: 6px; -} - -.rf-au-shw-r{ - background-image: "url(#{resource['org.richfaces:combo_list_shadow.png']})"; - background-position: bottom right; - position: absolute; - width: 6px; - top: 6px; - bottom: 0px; - right: 0px; -} - -.rf-au-shw-b{ - background-image: "url(#{resource['org.richfaces:combo_list_shadow.png']})"; - background-position: right top; - position: absolute; - height: 6px; - top: 0px; - left: 6px; - right: 0px; -} - -.rf-au-l-ul{ - margin: 0px; - padding: 0px; -} \ No newline at end of file Deleted: branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_complete.js =================================================================== --- branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_complete.js 2010-08-17 19:07:20 UTC (rev 18733) +++ branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_complete.js 2010-08-17 19:11:27 UTC (rev 18734) @@ -1,408 +0,0 @@ -(function ($, rf) { - rf.utils = rf.utils || {}; - - rf.utils.Cache = function (key, items, values) { - this.key = key; - this.cache = {} - this.cache[this.key] = items || []; - this.values = typeof values != "function" ? values || this.cache[this.key] : values(items); - }; - - var getItems = function (key) { - var newCache = []; - - if (key.length < this.key.length) { - return newCache; - } - - if (this.cache[key]) { - newCache = this.cache[key]; - } else { - var itemsCache = this.cache[this.key]; - for (var i = 0; i<this.values.length; i++) { - var value = this.values[i].toLowerCase(); - var p = value.indexOf(key.toLowerCase()); - if (p == 0) { - newCache.push(itemsCache[i]); - } - } - - if ((!this.lastKey || key.indexOf(this.lastKey)!=0) && newCache.length > 0) { - this.cache[key] = newCache; - if (newCache.length==1) { - this.lastKey = key; - } - } - } - - return newCache; - }; - - var getItemValue = function (item) { - return this.values[this.cache[this.key].index(item)]; - }; - - var isCached = function (key) { - return this.cache[key]; - }; - - $.extend(rf.utils.Cache.prototype, (function () { - return { - getItems: getItems, - getItemValue: getItemValue, - isCached: isCached - }; - })()); - -})(jQuery, RichFaces); - -(function ($, rf) { - - /* - * TODO: add user's event handlers call from options - * TODO: add fire events - */ - - rf.ui = rf.ui || {}; - // Constructor definition - rf.ui.Autocomplete = function(componentId, fieldId, options) { - this.namespace = "."+rf.Event.createNamespace(this.name, this.id); - this.options = {}; - // call constructor of parent class - $super.constructor.call(this, componentId, componentId+ID.SELECT, fieldId, options); - this.attachToDom(componentId); - this.options = $.extend(this.options, defaultOptions, options); - this.value = this.__getSubValue(); - this.index = -1; - this.isFirstAjax = true; - updateTokenOptions.call(this); - bindEventHandlers.call(this); - updateItemsList.call(this, ""); - }; - - // Extend component class and add protected methods from parent class to our container - rf.ui.AutocompleteBase.extend(rf.ui.Autocomplete); - - // define super class link - var $super = rf.ui.Autocomplete.$super; - - var defaultOptions = { - selectedItemClass:'rf-au-s', - autoFill:true, - minChars:1, - selectFirst:true, - ajaxMode:true, - tokens: ",", - attachToBody:true - }; - - var ID = { - SELECT:'List', - ITEMS:'Items', - VALUE:'Value' - }; - - var REGEXP_TRIM = /^[\n\s]*(.*)[\n\s]*$/; - var REGEXP_TOKEN_LEFT; - var REGEXP_TOKEN_RIGHT; - - var getData = function (nodeList) { - var data = []; - nodeList.each(function () {; - data.push($(this).text().replace(REGEXP_TRIM, "$1")); - }); - return data; - } - - var updateTokenOptions = function () { - this.useTokens = (typeof this.options.tokens == "string" && this.options.tokens.length>0); - if (this.useTokens) { - var escapedTokens = this.options.tokens.split('').join("\\"); - REGEXP_TOKEN_LEFT = new RegExp('[^'+escapedTokens+']+$','i'); - REGEXP_TOKEN_RIGHT = new RegExp('['+escapedTokens+']','i'); - this.hasSpaceToken = this.options.tokens.indexOf(' ')!=-1; - }; - }; - - var bindEventHandlers = function () { - rf.Event.bind(rf.getDomElement(this.id+ID.ITEMS).parentNode, "click"+this.namespace+" mouseover"+this.namespace, onMouseAction, this); - }; - - var onMouseAction = function(event) { - var element = $(event.target).closest(".rf-ac-i", event.currentTarget).get(0); - - if (element) { - if (event.type=="mouseover") { - var index = this.items.index(element); - if (index!=this.index) { - selectItem.call(this, index); - } - } else { - this.__onChangeValue(event, getSelectedItemValue.call(this)); - rf.Selection.setCaretTo(rf.getDomElement(this.fieldId)); - this.hide(event); - } - } - }; - - var updateItemsList = function (value, fetchValues) { - this.items = $(rf.getDomElement(this.id+ID.ITEMS)).find(".rf-ac-i"); - if (this.items.length>0) { - this.cache = new rf.utils.Cache(value, this.items, fetchValues || getData); - } - }; - - var scrollToSelectedItem = function() { - var offset = 0; - this.items.slice(0, this.index).each(function() { - offset += this.offsetHeight; - }); - var parentContainer = $(rf.getDomElement(this.id+ID.ITEMS)).parent(); - if(offset < parentContainer.scrollTop()) { - parentContainer.scrollTop(offset); - } else { - offset+=this.items.get(this.index).offsetHeight; - if(offset - parentContainer.scrollTop() > parentContainer.get(0).clientHeight) { - parentContainer.scrollTop(offset - parentContainer.innerHeight()); - } - } - }; - - var autoFill = function (inputValue, value) { - if( this.options.autoFill) { - var field = rf.getDomElement(this.fieldId); - var start = rf.Selection.getStart(field); - this.setInputValue(inputValue + value.substring(inputValue.length)); - var end = start+value.length - inputValue.length; - rf.Selection.set(field, start, end); - } - }; - - var callAjax = function(event, value) { - - $(rf.getDomElement(this.id+ID.ITEMS)).removeData().empty(); - rf.getDomElement(this.id+ID.VALUE).value = value; - - var _this = this; - var ajaxSuccess = function (event) { - updateItemsList.call(_this, _this.value, event.componentData && event.componentData[_this.id]); - if (_this.isVisible && _this.options.selectFirst) { - selectItem.call(_this, 0); - } - } - - var ajaxError = function (event) { - //alert("error"); - } - - this.isFirstAjax = false; - //caution: JSF submits inputs with empty names causing "WARNING: Parameters: Invalid chunk ignored." in Tomcat log - var params = {}; - params[this.id + ".ajax"] = "1"; - rf.ajax(this.id, event, {parameters: params, error: ajaxError, complete:ajaxSuccess}); - }; - - var selectItem = function(index, isOffset, noAutoFill) { - if (this.items.length==0) return; - - if (this.index!=-1) { - this.items.eq(this.index).removeClass(this.options.selectedItemClass); - } - - if (index==undefined) { - this.index = -1; - return; - } - - if (isOffset) { - this.index += index; - if ( this.index<0 ) { - this.index = this.items.length - 1; - } else if (this.index >= this.items.length) { - this.index = 0; - } - } else { - if (index<0) { - index = 0; - } else if (index>=this.items.length) { - index = this.items.length - 1; - } - this.index = index; - } - var item = this.items.eq(this.index); - item.addClass(this.options.selectedItemClass); - scrollToSelectedItem.call(this); - !noAutoFill && autoFill.call(this, this.value, getSelectedItemValue.call(this)); - }; - - var onChangeValue = function (event, value) { - //if(this.options.onchange){ - //this.options.onchange.call(this, event); - //} - selectItem.call(this); - - // value is undefined if called from AutocompleteBase onChange - var subValue = (typeof value == "undefined") ? this.__getSubValue() : value; - - // TODO: ajax call here if needed - if ((!this.cache || subValue.length==0 || subValue.toLowerCase().indexOf(this.cache.key.toLowerCase())!=0) && - subValue.length>=this.options.minChars) { - this.value = subValue; - this.options.ajaxMode && callAjax.call(this, event, subValue); - return; - } - if(!this.cache){ - return; - } - var newItems = this.cache.getItems(subValue); - this.items = $(newItems); - //TODO: works only with simple markup, not with <tr> - $(rf.getDomElement(this.id+ID.ITEMS)).empty().append(newItems); - this.index = -1; - this.value = subValue; - if (subValue.length<this.options.minChars){ - this.hide(); - } - if (this.options.selectFirst) { - if (event.which == rf.KEYS.RETURN || event.type == "click") { - this.setInputValue(subValue); - return; - } else { - selectItem.call(this, 0, false, event.which == rf.KEYS.BACKSPACE || event.which == rf.KEYS.LEFT || event.which == rf.KEYS.RIGHT); - return; - } - } - this.setInputValue(subValue); - }; - - var getSelectedItemValue = function () { - if ( this.index>=0) { - var element = this.items.eq(this.index); - return this.cache.getItemValue(element); - } - return undefined; - }; - - var getSubValue = function () { - //TODO: add posibility to use space chars before and after tokens if space not a token char - if (this.useTokens) { - var field = rf.getDomElement(this.fieldId); - var value = field.value; - var cursorPosition = rf.Selection.getStart(field); - var beforeCursorStr = value.substring(0, cursorPosition); - var afterCursorStr = value.substring(cursorPosition); - var r = REGEXP_TOKEN_LEFT.exec(beforeCursorStr); - var result = ""; - if (r) { - result = r[0]; - } - r = afterCursorStr.search(REGEXP_TOKEN_RIGHT); - if (r==-1) r = afterCursorStr.length; - result += afterCursorStr.substring(0, r); - - return result; - } else { - return this.getInputValue(); - } - }; - - var updateInputValue = function (value) { - var field = rf.getDomElement(this.fieldId); - var inputValue = field.value; - - var cursorPosition = rf.Selection.getStart(field); - var beforeCursorStr = inputValue.substring(0, cursorPosition); - var afterCursorStr = inputValue.substring(cursorPosition); - - var pos = beforeCursorStr.search(REGEXP_TOKEN_LEFT); - var startPos = pos!=-1 ? pos : beforeCursorStr.length; - pos = afterCursorStr.search(REGEXP_TOKEN_RIGHT); - var endPos = pos!=-1 ? pos : afterCursorStr.length; - - var beginNewValue = inputValue.substring(0, startPos) + value; - cursorPosition = beginNewValue.length; - field.value = beginNewValue + afterCursorStr.substring(endPos); - field.focus(); - rf.Selection.setCaretTo(field, cursorPosition); - return field.value; - }; - - /* - * Prototype definition - */ - $.extend(rf.ui.Autocomplete.prototype, (function () { - return { - /* - * public API functions - */ - name:"Autocomplete", - /* - * Protected methods - */ - __updateState: function (event) { - var subValue = this.__getSubValue(); - // called from onShow method, not actually value changed - if (this.items.length==0 && this.isFirstAjax) { - this.options.ajaxMode && callAjax.call(this, event, subValue); - } - return; - }, - __getSubValue: getSubValue, - __updateInputValue: function (value) { - if (this.useTokens) { - return updateInputValue.call(this, value); - } else { - return $super.__updateInputValue.call(this, value); - } - }, - __onChangeValue: onChangeValue, - /* - * Override abstract protected methods - */ - __onKeyUp: function () { - selectItem.call(this, -1, true); - }, - __onKeyDown: function () { - selectItem.call(this, 1, true); - }, - __onPageUp: function () { - - }, - __onPageDown: function () { - - }, - __onBeforeShow: function (event) { - }, - __onEnter: function (event) { - this.__onChangeValue(event, getSelectedItemValue.call(this)); - //rf.getDomElement(this.fieldId).blur(); - //rf.Selection.setCaretTo(rf.getDomElement(this.fieldId)); - //rf.getDomElement(this.fieldId).focus(); - }, - __onShow: function (event) { - if (event.which != rf.KEYS.BACKSPACE) { - if(this.items && this.items.length>0){ - if (this.index!=0 && this.options.selectFirst) { - selectItem.call(this, 0); - } - } - } - }, - __onHide: function () { - selectItem.call(this); - }, - /* - * Destructor - */ - destroy: function () { - //TODO: add all unbind - this.items = null; - this.cache = null; - var itemsContainer = rf.getDomElement(this.id+ID.ITEMS); - $(itemsContainer).removeData(); - rf.Event.unbind(itemsContainer.parentNode, this.namespace); - $super.destroy.call(this); - } - }; - })()); -})(jQuery, RichFaces); \ No newline at end of file Deleted: branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_completeBase.js =================================================================== --- branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_completeBase.js 2010-08-17 19:07:20 UTC (rev 18733) +++ branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_completeBase.js 2010-08-17 19:11:27 UTC (rev 18734) @@ -1,297 +0,0 @@ -// TODO: move this extend to RichFaces.Event for exapmle -$.extend(RichFaces.Event, { - bindScrollEventHandlers: function(element, handler, component) { - var elements = []; - element = RichFaces.getDomElement(element).parentNode; - while (element && element!=window.document.body) - { - if (element.offsetWidth!=element.scrollWidth || element.offsetHeight!=element.scrollHeight) - { - elements.push(element); - RichFaces.Event.bind(element, "scroll"+component.getNamespace(), handler, component); - } - element = element.parentNode; - } - return elements; - }, - unbindScrollEventHandlers: function(elements, component) { - RichFaces.Event.unbind(elements, component.getNamespace()); - } -}); - -(function (rf) { - rf.KEYS = { - BACKSPACE: 8, - TAB: 9, - RETURN: 13, - ESC: 27, - PAGEUP: 33, - PAGEDOWN: 34, - LEFT: 37, - UP: 38, - RIGHT: 39, - DOWN: 40, - DEL: 46, - } -})(RichFaces); - -(function ($, rf) { - - rf.ui = rf.ui || {}; - - // Constructor definition - rf.ui.AutocompleteBase = function(componentId, selectId, fieldId, options) { - // call constructor of parent class - $super.constructor.call(this, componentId); - this.selectId = selectId; - this.fieldId = fieldId; - this.options = $.extend({}, defaultOptions, options); - this.namespace = this.namespace || "."+rf.Event.createNamespace(this.name, this.selectId); - this.currentValue = this.getInputValue(); - bindEventHandlers.call(this); - }; - - // Extend component class and add protected methods from parent class to our container - rf.BaseComponent.extend(rf.ui.AutocompleteBase); - - // define super class link - var $super = rf.ui.AutocompleteBase.$super; - - var defaultOptions = { - changeDelay:8 - }; - - var bindEventHandlers = function() { - - var inputEventHandlers = {}; - - if (this.options.buttonId && !this.options.disabled) { - inputEventHandlers["mousedown"+this.namespace] = onButtonShow; - inputEventHandlers["mouseup"+this.namespace] = onSelectMouseUp; - rf.Event.bindById(this.options.buttonId, inputEventHandlers, this); - } - - inputEventHandlers = {}; - inputEventHandlers["focus"+this.namespace] = onFocus; - inputEventHandlers["blur"+this.namespace] = onBlur; - inputEventHandlers["click"+this.namespace] = onClick; - inputEventHandlers[($.browser.opera ? "keypress" : "keydown")+this.namespace] = onKeyDown; - rf.Event.bindById(this.fieldId, inputEventHandlers, this); - - inputEventHandlers = {}; - inputEventHandlers["mousedown"+this.namespace] = onSelectMouseDown; - inputEventHandlers["mouseup"+this.namespace] = onSelectMouseUp; - rf.Event.bindById(this.selectId, inputEventHandlers, this); - }; - - var onSelectMouseDown = function () { - this.isMouseDown = true; - }; - var onSelectMouseUp = function () { - rf.getDomElement(this.fieldId).focus(); - }; - - var onButtonShow = function (event) { - this.isMouseDown = true; - if (this.timeoutId) { - window.clearTimeout(this.timeoutId); - this.timeoutId = null; - rf.getDomElement(this.fieldId).focus(); - } - - if (this.isVisible) { - this.hide(event); - } else { - onShow.call(this, event); - } - }; - - var onFocus = function (event) { - }; - - var onBlur = function (event) { - if (this.isMouseDown) { - rf.getDomElement(this.fieldId).focus(); - this.isMouseDown = false; - } else if (this.isVisible && !this.isMouseDown) { - var _this = this; - this.timeoutId = window.setTimeout(function(){_this.hide();}, 200); - } - }; - - var onClick = function (event) { - }; - - var onChange = function (event) { - var value = this.getInputValue(); - var flag = value != this.currentValue; - //TODO: is it needed to chesk keys? - //TODO: we need to set value when autoFill used when LEFT or RIGHT was pressed - if (event.which == rf.KEYS.LEFT || event.which == rf.KEYS.RIGHT || flag) { - if (flag || this.isVisible) { - this.__onChangeValue(event); - } - if (flag) { - this.currentValue = this.getInputValue(); - if(value && value.length>=this.options.minChars){ - onShow.call(this, event); - } - - } - } - }; - - var onShow = function (event) { - this.__updateState(event); - this.show(event); - }; - - var onKeyDown = function (event) { - switch(event.which) { - case rf.KEYS.UP: - event.preventDefault(); - if (this.isVisible) { - this.__onKeyUp(event); - } - break; - case rf.KEYS.DOWN: - event.preventDefault(); - if (this.isVisible) { - this.__onKeyDown(event); - } else { - onShow.call(this, event); - } - break; - case rf.KEYS.PAGEUP: - event.preventDefault(); - if (this.isVisible) { - this.__onPageUp(event); - } - break; - case rf.KEYS.PAGEDOWN: - event.preventDefault(); - if (this.isVisible) { - this.__onPageDown(event); - } - break; - case rf.KEYS.RETURN: - - event.preventDefault(); - this.__onEnter(event); - //TODO: bind form submit event handler to cancel form submit under the opera - //cancelSubmit = true; - this.hide(); - return false; - break; - case rf.KEYS.ESC: - this.hide(); - break; - default: - if (!this.options.selectOnly) { - var _this = this; - window.clearTimeout(this.changeTimerId); - this.changeTimerId = window.setTimeout(function(){onChange.call(_this, event);}, this.options.changeDelay) - } - break; - } - } - - /* - * public API functions definition - */ - var show = function (event, showButtonPressed) { - if (!this.isVisible) { - if (this.__onBeforeShow(event)!=false) { - this.scrollElements = rf.Event.bindScrollEventHandlers(this.selectId, this.hide, this, this.namespace); - if (this.options.attachToBody) { - var element = rf.getDomElement(this.selectId); - this.parentElement = element.parentNode; - $(element).detach().appendTo("body"); - } - $(rf.getDomElement(this.selectId)).setPosition({id: this.fieldId}, {type:"DROPDOWN", offset:[0,20]}).show(); - this.isVisible = true; - this.__onShow(event, showButtonPressed); - } - } - }; - var hide = function (event) { - if (this.isVisible) { - rf.Event.unbindScrollEventHandlers(this.scrollElements, this); - this.scrollElements = null; - $(rf.getDomElement(this.selectId)).hide(); - this.isVisible = false; - if (this.options.attachToBody && this.parentElement) { - $(rf.getDomElement(this.selectId)).detach().appendTo(this.parentElement); - this.parentElement = null; - } - this.__onHide(event); - } - }; - - /* - * Prototype definition - */ - $.extend(rf.ui.AutocompleteBase.prototype, (function () { - return { - /* - * public API functions - */ - name:"AutocompleteBase", - show: show, - hide: hide, - getNamespace: function () { - return this.namespace; - }, - getInputValue: function () { - return this.fieldId ? rf.getDomElement(this.fieldId).value : ""; - }, - setInputValue: function (value) { - this.currentValue = this.__updateInputValue(value); - }, - /* - * Protected methods - */ - __updateInputValue: function (value) { - if (this.fieldId) { - rf.getDomElement(this.fieldId).value = value; - return value; - } else { - return ""; - } - }, - /* - * abstract protected methods - */ - __onChangeValue: function (event) { - }, - __onKeyUp: function () { - }, - __onKeyDown: function () { - }, - __onPageUp: function () { - }, - __onPageDown: function () { - }, - __onBeforeShow: function () { - }, - __onShow: function () { - }, - __onHide: function () { - }, - /* - * Destructor - */ - destroy: function () { - this.parentNode = null; - if (this.scrollElements) { - rf.Event.unbindScrollEventHandlers(this.scrollElements, this); - this.scrollElements = null; - } - this.options.buttonId && rf.Event.unbindById(this.options.buttonId, this.namespace); - rf.Event.unbindById(this.fieldId, this.namespace); - rf.Event.unbindById(this.selectId, this.namespace); - $super.destroy.call(this); - } - }; - })()); -})(jQuery, RichFaces); \ No newline at end of file Copied: branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Autocomplete.ecss (from rev 18733, branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_complete.ecss) =================================================================== --- branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Autocomplete.ecss (rev 0) +++ branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Autocomplete.ecss 2010-08-17 19:11:27 UTC (rev 18734) @@ -0,0 +1,152 @@ +.rf-au-f-w{ + width: 200px; +} + +.rf-au-l-w{ + width: 200px; +} + +.rf-au-l-h{ + max-height: 100px; + min-height: 20px; +} + +.rf-au-i.rf-au-ft, .rf-au-o.rf-au-ft{ + color: '#{richSkin.generalTextColor}'; + font-size: '#{richSkin.generalSizeFont}'; + font-family: '#{richSkin.generalFamilyFont}'; +} + +input.rf-au-i { + border-width: 0px; + background: none; + width: 100%; +} + +.rf-au-f{ + position: inline-block; + border-width: 1px; + border-style: solid; + border-color: '#{richSkin.panelBorderColor}'; + display: inline-block; + background-image: "url(#{resource['org.richfaces.renderkit.html.images.AutocompleteFieldGradient']})"; + background-repeat: repeat-x; + background-position: top left; + background-color: '#{richSkin.controlBackgroundColor}'; +} + +.rf-au-b{ + background-image: "url(#{resource['org.richfaces.renderkit.html.images.AutocompleteButtonGradient']})"; + background-repeat: repeat-x; + background-position: top left; + background-color: '#{richSkin.headerBackgroundColor}'; + text-align: center; + border-left-style: solid; + border-left-width: 1px; + border-left-color: '#{richSkin.panelBorderColor}'; + width: 15px; + position: absolute; + top: 0px; + right: 0px; + height: 200px; + padding-top: 1px +} + +.rf-au-b-a{ + background-position: center; + background-repeat: no-repeat; + background-image: "url(#{resource['org.richfaces:combo_down_button.gif']})"; + cursor: pointer; + width: 15px; + height: 15px; +} + +.rf-au-l-c{ + position: absolute; + /* TODO nick - review: font-size: 0px; */ + display: none; +} + +.rf-au-l-d{ + border-width: 1px; + border-style: solid; + border-color: '#{richSkin.panelBorderColor}'; + padding: 0px; + background-color: '#{richSkin.tableBackgroundColor}'; +} + +.rf-au-l-s{ + overflow: auto; + overflow-x: hidden; +} + +.rf-au-o{ + padding: 2px; + white-space: nowrap; + cursor: default; + list-style-type: none; +} + +.rf-au-s{ + padding: 1px; + width: 100%; + background-color: '#{richSkin.headerBackgroundColor}'; + border-width: 1px; + border-style: dotted; + border-color: '#{richSkin.generalTextColor}'; +} + +.rf-au-shw{ + border: 0px solid red; + display: inline-block; + position: absolute; + float: left; + padding: 6px 6px 6px 6px; + top: -6px; + left: -7px; +} + +.rf-au-shw-t{ + background-image: "url(#{resource['org.richfaces:combo_list_shadow.png']})"; + background-position: top left; + position: absolute; + width: 6px; + top: 0px; + bottom: 6px; + left: 0px +} + +.rf-au-shw-l{ + background-image: "url(#{resource['org.richfaces:combo_list_shadow.png']})"; + background-position: bottom left; + position: absolute; + height: 6px; + bottom: 0px; + left: 0px; + right: 6px; +} + +.rf-au-shw-r{ + background-image: "url(#{resource['org.richfaces:combo_list_shadow.png']})"; + background-position: bottom right; + position: absolute; + width: 6px; + top: 6px; + bottom: 0px; + right: 0px; +} + +.rf-au-shw-b{ + background-image: "url(#{resource['org.richfaces:combo_list_shadow.png']})"; + background-position: right top; + position: absolute; + height: 6px; + top: 0px; + left: 6px; + right: 0px; +} + +.rf-au-l-ul{ + margin: 0px; + padding: 0px; +} \ No newline at end of file Copied: branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Autocomplete.js (from rev 18733, branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_complete.js) =================================================================== --- branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Autocomplete.js (rev 0) +++ branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Autocomplete.js 2010-08-17 19:11:27 UTC (rev 18734) @@ -0,0 +1,408 @@ +(function ($, rf) { + rf.utils = rf.utils || {}; + + rf.utils.Cache = function (key, items, values) { + this.key = key; + this.cache = {} + this.cache[this.key] = items || []; + this.values = typeof values != "function" ? values || this.cache[this.key] : values(items); + }; + + var getItems = function (key) { + var newCache = []; + + if (key.length < this.key.length) { + return newCache; + } + + if (this.cache[key]) { + newCache = this.cache[key]; + } else { + var itemsCache = this.cache[this.key]; + for (var i = 0; i<this.values.length; i++) { + var value = this.values[i].toLowerCase(); + var p = value.indexOf(key.toLowerCase()); + if (p == 0) { + newCache.push(itemsCache[i]); + } + } + + if ((!this.lastKey || key.indexOf(this.lastKey)!=0) && newCache.length > 0) { + this.cache[key] = newCache; + if (newCache.length==1) { + this.lastKey = key; + } + } + } + + return newCache; + }; + + var getItemValue = function (item) { + return this.values[this.cache[this.key].index(item)]; + }; + + var isCached = function (key) { + return this.cache[key]; + }; + + $.extend(rf.utils.Cache.prototype, (function () { + return { + getItems: getItems, + getItemValue: getItemValue, + isCached: isCached + }; + })()); + +})(jQuery, RichFaces); + +(function ($, rf) { + + /* + * TODO: add user's event handlers call from options + * TODO: add fire events + */ + + rf.ui = rf.ui || {}; + // Constructor definition + rf.ui.Autocomplete = function(componentId, fieldId, options) { + this.namespace = "."+rf.Event.createNamespace(this.name, this.id); + this.options = {}; + // call constructor of parent class + $super.constructor.call(this, componentId, componentId+ID.SELECT, fieldId, options); + this.attachToDom(componentId); + this.options = $.extend(this.options, defaultOptions, options); + this.value = this.__getSubValue(); + this.index = -1; + this.isFirstAjax = true; + updateTokenOptions.call(this); + bindEventHandlers.call(this); + updateItemsList.call(this, ""); + }; + + // Extend component class and add protected methods from parent class to our container + rf.ui.AutocompleteBase.extend(rf.ui.Autocomplete); + + // define super class link + var $super = rf.ui.Autocomplete.$super; + + var defaultOptions = { + selectedItemClass:'rf-au-s', + autoFill:true, + minChars:1, + selectFirst:true, + ajaxMode:true, + tokens: ",", + attachToBody:true + }; + + var ID = { + SELECT:'List', + ITEMS:'Items', + VALUE:'Value' + }; + + var REGEXP_TRIM = /^[\n\s]*(.*)[\n\s]*$/; + var REGEXP_TOKEN_LEFT; + var REGEXP_TOKEN_RIGHT; + + var getData = function (nodeList) { + var data = []; + nodeList.each(function () {; + data.push($(this).text().replace(REGEXP_TRIM, "$1")); + }); + return data; + } + + var updateTokenOptions = function () { + this.useTokens = (typeof this.options.tokens == "string" && this.options.tokens.length>0); + if (this.useTokens) { + var escapedTokens = this.options.tokens.split('').join("\\"); + REGEXP_TOKEN_LEFT = new RegExp('[^'+escapedTokens+']+$','i'); + REGEXP_TOKEN_RIGHT = new RegExp('['+escapedTokens+']','i'); + this.hasSpaceToken = this.options.tokens.indexOf(' ')!=-1; + }; + }; + + var bindEventHandlers = function () { + rf.Event.bind(rf.getDomElement(this.id+ID.ITEMS).parentNode, "click"+this.namespace+" mouseover"+this.namespace, onMouseAction, this); + }; + + var onMouseAction = function(event) { + var element = $(event.target).closest(".rf-ac-i", event.currentTarget).get(0); + + if (element) { + if (event.type=="mouseover") { + var index = this.items.index(element); + if (index!=this.index) { + selectItem.call(this, index); + } + } else { + this.__onChangeValue(event, getSelectedItemValue.call(this)); + rf.Selection.setCaretTo(rf.getDomElement(this.fieldId)); + this.hide(event); + } + } + }; + + var updateItemsList = function (value, fetchValues) { + this.items = $(rf.getDomElement(this.id+ID.ITEMS)).find(".rf-ac-i"); + if (this.items.length>0) { + this.cache = new rf.utils.Cache(value, this.items, fetchValues || getData); + } + }; + + var scrollToSelectedItem = function() { + var offset = 0; + this.items.slice(0, this.index).each(function() { + offset += this.offsetHeight; + }); + var parentContainer = $(rf.getDomElement(this.id+ID.ITEMS)).parent(); + if(offset < parentContainer.scrollTop()) { + parentContainer.scrollTop(offset); + } else { + offset+=this.items.get(this.index).offsetHeight; + if(offset - parentContainer.scrollTop() > parentContainer.get(0).clientHeight) { + parentContainer.scrollTop(offset - parentContainer.innerHeight()); + } + } + }; + + var autoFill = function (inputValue, value) { + if( this.options.autoFill) { + var field = rf.getDomElement(this.fieldId); + var start = rf.Selection.getStart(field); + this.setInputValue(inputValue + value.substring(inputValue.length)); + var end = start+value.length - inputValue.length; + rf.Selection.set(field, start, end); + } + }; + + var callAjax = function(event, value) { + + $(rf.getDomElement(this.id+ID.ITEMS)).removeData().empty(); + rf.getDomElement(this.id+ID.VALUE).value = value; + + var _this = this; + var ajaxSuccess = function (event) { + updateItemsList.call(_this, _this.value, event.componentData && event.componentData[_this.id]); + if (_this.isVisible && _this.options.selectFirst) { + selectItem.call(_this, 0); + } + } + + var ajaxError = function (event) { + //alert("error"); + } + + this.isFirstAjax = false; + //caution: JSF submits inputs with empty names causing "WARNING: Parameters: Invalid chunk ignored." in Tomcat log + var params = {}; + params[this.id + ".ajax"] = "1"; + rf.ajax(this.id, event, {parameters: params, error: ajaxError, complete:ajaxSuccess}); + }; + + var selectItem = function(index, isOffset, noAutoFill) { + if (this.items.length==0) return; + + if (this.index!=-1) { + this.items.eq(this.index).removeClass(this.options.selectedItemClass); + } + + if (index==undefined) { + this.index = -1; + return; + } + + if (isOffset) { + this.index += index; + if ( this.index<0 ) { + this.index = this.items.length - 1; + } else if (this.index >= this.items.length) { + this.index = 0; + } + } else { + if (index<0) { + index = 0; + } else if (index>=this.items.length) { + index = this.items.length - 1; + } + this.index = index; + } + var item = this.items.eq(this.index); + item.addClass(this.options.selectedItemClass); + scrollToSelectedItem.call(this); + !noAutoFill && autoFill.call(this, this.value, getSelectedItemValue.call(this)); + }; + + var onChangeValue = function (event, value) { + //if(this.options.onchange){ + //this.options.onchange.call(this, event); + //} + selectItem.call(this); + + // value is undefined if called from AutocompleteBase onChange + var subValue = (typeof value == "undefined") ? this.__getSubValue() : value; + + // TODO: ajax call here if needed + if ((!this.cache || subValue.length==0 || subValue.toLowerCase().indexOf(this.cache.key.toLowerCase())!=0) && + subValue.length>=this.options.minChars) { + this.value = subValue; + this.options.ajaxMode && callAjax.call(this, event, subValue); + return; + } + if(!this.cache){ + return; + } + var newItems = this.cache.getItems(subValue); + this.items = $(newItems); + //TODO: works only with simple markup, not with <tr> + $(rf.getDomElement(this.id+ID.ITEMS)).empty().append(newItems); + this.index = -1; + this.value = subValue; + if (subValue.length<this.options.minChars){ + this.hide(); + } + if (this.options.selectFirst) { + if (event.which == rf.KEYS.RETURN || event.type == "click") { + this.setInputValue(subValue); + return; + } else { + selectItem.call(this, 0, false, event.which == rf.KEYS.BACKSPACE || event.which == rf.KEYS.LEFT || event.which == rf.KEYS.RIGHT); + return; + } + } + this.setInputValue(subValue); + }; + + var getSelectedItemValue = function () { + if ( this.index>=0) { + var element = this.items.eq(this.index); + return this.cache.getItemValue(element); + } + return undefined; + }; + + var getSubValue = function () { + //TODO: add posibility to use space chars before and after tokens if space not a token char + if (this.useTokens) { + var field = rf.getDomElement(this.fieldId); + var value = field.value; + var cursorPosition = rf.Selection.getStart(field); + var beforeCursorStr = value.substring(0, cursorPosition); + var afterCursorStr = value.substring(cursorPosition); + var r = REGEXP_TOKEN_LEFT.exec(beforeCursorStr); + var result = ""; + if (r) { + result = r[0]; + } + r = afterCursorStr.search(REGEXP_TOKEN_RIGHT); + if (r==-1) r = afterCursorStr.length; + result += afterCursorStr.substring(0, r); + + return result; + } else { + return this.getInputValue(); + } + }; + + var updateInputValue = function (value) { + var field = rf.getDomElement(this.fieldId); + var inputValue = field.value; + + var cursorPosition = rf.Selection.getStart(field); + var beforeCursorStr = inputValue.substring(0, cursorPosition); + var afterCursorStr = inputValue.substring(cursorPosition); + + var pos = beforeCursorStr.search(REGEXP_TOKEN_LEFT); + var startPos = pos!=-1 ? pos : beforeCursorStr.length; + pos = afterCursorStr.search(REGEXP_TOKEN_RIGHT); + var endPos = pos!=-1 ? pos : afterCursorStr.length; + + var beginNewValue = inputValue.substring(0, startPos) + value; + cursorPosition = beginNewValue.length; + field.value = beginNewValue + afterCursorStr.substring(endPos); + field.focus(); + rf.Selection.setCaretTo(field, cursorPosition); + return field.value; + }; + + /* + * Prototype definition + */ + $.extend(rf.ui.Autocomplete.prototype, (function () { + return { + /* + * public API functions + */ + name:"Autocomplete", + /* + * Protected methods + */ + __updateState: function (event) { + var subValue = this.__getSubValue(); + // called from onShow method, not actually value changed + if (this.items.length==0 && this.isFirstAjax) { + this.options.ajaxMode && callAjax.call(this, event, subValue); + } + return; + }, + __getSubValue: getSubValue, + __updateInputValue: function (value) { + if (this.useTokens) { + return updateInputValue.call(this, value); + } else { + return $super.__updateInputValue.call(this, value); + } + }, + __onChangeValue: onChangeValue, + /* + * Override abstract protected methods + */ + __onKeyUp: function () { + selectItem.call(this, -1, true); + }, + __onKeyDown: function () { + selectItem.call(this, 1, true); + }, + __onPageUp: function () { + + }, + __onPageDown: function () { + + }, + __onBeforeShow: function (event) { + }, + __onEnter: function (event) { + this.__onChangeValue(event, getSelectedItemValue.call(this)); + //rf.getDomElement(this.fieldId).blur(); + //rf.Selection.setCaretTo(rf.getDomElement(this.fieldId)); + //rf.getDomElement(this.fieldId).focus(); + }, + __onShow: function (event) { + if (event.which != rf.KEYS.BACKSPACE) { + if(this.items && this.items.length>0){ + if (this.index!=0 && this.options.selectFirst) { + selectItem.call(this, 0); + } + } + } + }, + __onHide: function () { + selectItem.call(this); + }, + /* + * Destructor + */ + destroy: function () { + //TODO: add all unbind + this.items = null; + this.cache = null; + var itemsContainer = rf.getDomElement(this.id+ID.ITEMS); + $(itemsContainer).removeData(); + rf.Event.unbind(itemsContainer.parentNode, this.namespace); + $super.destroy.call(this); + } + }; + })()); +})(jQuery, RichFaces); \ No newline at end of file Copied: branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/AutocompleteBase.js (from rev 18733, branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/Auto_completeBase.js) =================================================================== --- branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/AutocompleteBase.js (rev 0) +++ branches/RF-9096/src/main/resources/META-INF/resources/org.richfaces/AutocompleteBase.js 2010-08-17 19:11:27 UTC (rev 18734) @@ -0,0 +1,297 @@ +// TODO: move this extend to RichFaces.Event for exapmle +$.extend(RichFaces.Event, { + bindScrollEventHandlers: function(element, handler, component) { + var elements = []; + element = RichFaces.getDomElement(element).parentNode; + while (element && element!=window.document.body) + { + if (element.offsetWidth!=element.scrollWidth || element.offsetHeight!=element.scrollHeight) + { + elements.push(element); + RichFaces.Event.bind(element, "scroll"+component.getNamespace(), handler, component); + } + element = element.parentNode; + } + return elements; + }, + unbindScrollEventHandlers: function(elements, component) { + RichFaces.Event.unbind(elements, component.getNamespace()); + } +}); + +(function (rf) { + rf.KEYS = { + BACKSPACE: 8, + TAB: 9, + RETURN: 13, + ESC: 27, + PAGEUP: 33, + PAGEDOWN: 34, + LEFT: 37, + UP: 38, + RIGHT: 39, + DOWN: 40, + DEL: 46, + } +})(RichFaces); + +(function ($, rf) { + + rf.ui = rf.ui || {}; + + // Constructor definition + rf.ui.AutocompleteBase = function(componentId, selectId, fieldId, options) { + // call constructor of parent class + $super.constructor.call(this, componentId); + this.selectId = selectId; + this.fieldId = fieldId; + this.options = $.extend({}, defaultOptions, options); + this.namespace = this.namespace || "."+rf.Event.createNamespace(this.name, this.selectId); + this.currentValue = this.getInputValue(); + bindEventHandlers.call(this); + }; + + // Extend component class and add protected methods from parent class to our container + rf.BaseComponent.extend(rf.ui.AutocompleteBase); + + // define super class link + var $super = rf.ui.AutocompleteBase.$super; + + var defaultOptions = { + changeDelay:8 + }; + + var bindEventHandlers = function() { + + var inputEventHandlers = {}; + + if (this.options.buttonId && !this.options.disabled) { + inputEventHandlers["mousedown"+this.namespace] = onButtonShow; + inputEventHandlers["mouseup"+this.namespace] = onSelectMouseUp; + rf.Event.bindById(this.options.buttonId, inputEventHandlers, this); + } + + inputEventHandlers = {}; + inputEventHandlers["focus"+this.namespace] = onFocus; + inputEventHandlers["blur"+this.namespace] = onBlur; + inputEventHandlers["click"+this.namespace] = onClick; + inputEventHandlers[($.browser.opera ? "keypress" : "keydown")+this.namespace] = onKeyDown; + rf.Event.bindById(this.fieldId, inputEventHandlers, this); + + inputEventHandlers = {}; + inputEventHandlers["mousedown"+this.namespace] = onSelectMouseDown; + inputEventHandlers["mouseup"+this.namespace] = onSelectMouseUp; + rf.Event.bindById(this.selectId, inputEventHandlers, this); + }; + + var onSelectMouseDown = function () { + this.isMouseDown = true; + }; + var onSelectMouseUp = function () { + rf.getDomElement(this.fieldId).focus(); + }; + + var onButtonShow = function (event) { + this.isMouseDown = true; + if (this.timeoutId) { + window.clearTimeout(this.timeoutId); + this.timeoutId = null; + rf.getDomElement(this.fieldId).focus(); + } + + if (this.isVisible) { + this.hide(event); + } else { + onShow.call(this, event); + } + }; + + var onFocus = function (event) { + }; + + var onBlur = function (event) { + if (this.isMouseDown) { + rf.getDomElement(this.fieldId).focus(); + this.isMouseDown = false; + } else if (this.isVisible && !this.isMouseDown) { + var _this = this; + this.timeoutId = window.setTimeout(function(){_this.hide();}, 200); + } + }; + + var onClick = function (event) { + }; + + var onChange = function (event) { + var value = this.getInputValue(); + var flag = value != this.currentValue; + //TODO: is it needed to chesk keys? + //TODO: we need to set value when autoFill used when LEFT or RIGHT was pressed + if (event.which == rf.KEYS.LEFT || event.which == rf.KEYS.RIGHT || flag) { + if (flag || this.isVisible) { + this.__onChangeValue(event); + } + if (flag) { + this.currentValue = this.getInputValue(); + if(value && value.length>=this.options.minChars){ + onShow.call(this, event); + } + + } + } + }; + + var onShow = function (event) { + this.__updateState(event); + this.show(event); + }; + + var onKeyDown = function (event) { + switch(event.which) { + case rf.KEYS.UP: + event.preventDefault(); + if (this.isVisible) { + this.__onKeyUp(event); + } + break; + case rf.KEYS.DOWN: + event.preventDefault(); + if (this.isVisible) { + this.__onKeyDown(event); + } else { + onShow.call(this, event); + } + break; + case rf.KEYS.PAGEUP: + event.preventDefault(); + if (this.isVisible) { + this.__onPageUp(event); + } + break; + case rf.KEYS.PAGEDOWN: + event.preventDefault(); + if (this.isVisible) { + this.__onPageDown(event); + } + break; + case rf.KEYS.RETURN: + + event.preventDefault(); + this.__onEnter(event); + //TODO: bind form submit event handler to cancel form submit under the opera + //cancelSubmit = true; + this.hide(); + return false; + break; + case rf.KEYS.ESC: + this.hide(); + break; + default: + if (!this.options.selectOnly) { + var _this = this; + window.clearTimeout(this.changeTimerId); + this.changeTimerId = window.setTimeout(function(){onChange.call(_this, event);}, this.options.changeDelay) + } + break; + } + } + + /* + * public API functions definition + */ + var show = function (event, showButtonPressed) { + if (!this.isVisible) { + if (this.__onBeforeShow(event)!=false) { + this.scrollElements = rf.Event.bindScrollEventHandlers(this.selectId, this.hide, this, this.namespace); + if (this.options.attachToBody) { + var element = rf.getDomElement(this.selectId); + this.parentElement = element.parentNode; + $(element).detach().appendTo("body"); + } + $(rf.getDomElement(this.selectId)).setPosition({id: this.fieldId}, {type:"DROPDOWN", offset:[0,20]}).show(); + this.isVisible = true; + this.__onShow(event, showButtonPressed); + } + } + }; + var hide = function (event) { + if (this.isVisible) { + rf.Event.unbindScrollEventHandlers(this.scrollElements, this); + this.scrollElements = null; + $(rf.getDomElement(this.selectId)).hide(); + this.isVisible = false; + if (this.options.attachToBody && this.parentElement) { + $(rf.getDomElement(this.selectId)).detach().appendTo(this.parentElement); + this.parentElement = null; + } + this.__onHide(event); + } + }; + + /* + * Prototype definition + */ + $.extend(rf.ui.AutocompleteBase.prototype, (function () { + return { + /* + * public API functions + */ + name:"AutocompleteBase", + show: show, + hide: hide, + getNamespace: function () { + return this.namespace; + }, + getInputValue: function () { + return this.fieldId ? rf.getDomElement(this.fieldId).value : ""; + }, + setInputValue: function (value) { + this.currentValue = this.__updateInputValue(value); + }, + /* + * Protected methods + */ + __updateInputValue: function (value) { + if (this.fieldId) { + rf.getDomElement(this.fieldId).value = value; + return value; + } else { + return ""; + } + }, + /* + * abstract protected methods + */ + __onChangeValue: function (event) { + }, + __onKeyUp: function () { + }, + __onKeyDown: function () { + }, + __onPageUp: function () { + }, + __onPageDown: function () { + }, + __onBeforeShow: function () { + }, + __onShow: function () { + }, + __onHide: function () { + }, + /* + * Destructor + */ + destroy: function () { + this.parentNode = null; + if (this.scrollElements) { + rf.Event.unbindScrollEventHandlers(this.scrollElements, this); + this.scrollElements = null; + } + this.options.buttonId && rf.Event.unbindById(this.options.buttonId, this.namespace); + rf.Event.unbindById(this.fieldId, this.namespace); + rf.Event.unbindById(this.selectId, this.namespace); + $super.destroy.call(this); + } + }; + })()); +})(jQuery, RichFaces); \ No newline at end of file