Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
META-INF.resources.org.richfaces.select.js Maven / Gradle / Ivy
(function ($, rf ) function (id, options ) this .id = id;
var mergedOptions = $.extend({}, defaultOptions, options);
mergedOptions['attachTo' ] = id;
mergedOptions['scrollContainer' ] = $(document .getElementById(id + "Items" )).parent()[0 ];
$super .constructor.call(this , id, mergedOptions);
this .options = mergedOptions;
this .defaultLabel = mergedOptions.defaultLabel;
var inputLabel = this .__getValue() ;
this .initialValue = (inputLabel != this .defaultLabel) ? inputLabel : "" ;
this .selValueInput = $(document .getElementById(id+"selValue" ));
this .container = this .selValueInput.parent();
this .clientItems = mergedOptions.items;
if (mergedOptions.showControl && !mergedOptions.disabled) {
this .container.bind("mousedown" , $.proxy(this .__onBtnMouseDown, this ))
.bind("mouseup" , $.proxy(this .__onMouseUp, this ));
}
this .selectFirst = mergedOptions.selectFirst;
this .popupList = new rf.ui.PopupList((id+"List" ), this , mergedOptions);
this .listElem = $(document .getElementById(id+"List" ));
this .listElem.bind("mousedown" , $.proxy(this .__onListMouseDown, this ));
this .listElem.bind("mouseup" , $.proxy(this .__onMouseUp, this ));
this .items = this .popupList.__getItems();
this .enableManualInput = mergedOptions.enableManualInput;
if (this .items.length>0 && this .enableManualInput) {
this .cache = new rf.utils.Cache("" , this .items, getData, true );
}
this .changeDelay = mergedOptions.changeDelay;
};
rf.ui.InputBase.extend(rf.ui.Select);
var $super = rf.ui.Select.$super ;
var defaultOptions = {
defaultLabel : "" ,
selectFirst : true ,
showControl : true ,
enableManualInput : false ,
itemCss : "rf-sel-opt" ,
selectItemCss : "rf-sel-sel" ,
listCss : "rf-sel-lst-cord" ,
changeDelay : 8 ,
disabled : false
};
var REGEXP_TRIM = /^[\n\s]*(.*)[\n\s]*$/ ;
var getData = function (nodeList ) var data = [];
nodeList.each(function (this ).text().replace(REGEXP_TRIM, "$1" ));
});
return data;
}
$.extend(rf.ui.Select.prototype, ( function (return {
name : "select" ,
defaultLabelClass : "rf-sel-dflt-lbl" ,
__onBtnMouseDown : function (e ) if (!this .popupList.isVisible()) {
this .__updateItems();
this .__showPopup();
} else {
this .__hidePopup();
}
this .isMouseDown = true ;
},
__focusHandler : function (e ) if (!this .focused) {
if (this .__getValue() == this .defaultLabel) {
this .__setValue("" );
}
this .focusValue = this .selValueInput.val();
this .focused = true ;
this .invokeEvent.call(this , "focus" , document .getElementById(this .id), e);
}
},
__keydownHandler : function (e ) var code;
if (e.keyCode) {
code = e.keyCode;
} else if (e.which) {
code = e.which;
}
var visible = this .popupList.isVisible();
switch (code) {
case rf.KEYS.DOWN:
e.preventDefault();
if (!visible) {
this .__updateItems();
this .__showPopup();
} else {
this .popupList.__selectNext() ;
}
break ;
case rf.KEYS.UP:
e.preventDefault();
if (visible) {
this .popupList.__selectPrev();
}
break ;
case rf.KEYS.RETURN:
e.preventDefault();
if (visible) {
this .popupList.__selectCurrent();
}
return false ;
break ;
case rf.KEYS.TAB:
break ;
case rf.KEYS.ESC:
e.preventDefault();
if (visible) {
this .__hidePopup();
}
break ;
default :
var _this = this ;
window .clearTimeout(this .changeTimerId);
this .changeTimerId = window .setTimeout(function (this .changeDelay);
break ;
}
},
__onChangeValue : function (e ) this .popupList.__selectByIndex();
var newValue = this .__getValue();
if (this .cache && this .cache.isCached(newValue)) {
this .__updateItems();
var items = this .popupList.__getItems();
if (items.length != 0 ) {
this .container.removeClass("rf-sel-fld-err" );
} else {
this .container.addClass("rf-sel-fld-err" );
}
if (!this .popupList.isVisible()) {
this .__showPopup();
}
}
},
__blurHandler : function (e ) if (!this .isMouseDown) {
this .timeoutId = window .setTimeout($.proxy(function (this .onblur(e);
}, this ), 200 );
} else {
this .__setInputFocus();
this .isMouseDown = false ;
}
},
__onListMouseDown : function (e ) this .isMouseDown = true ;
},
__onMouseUp : function (e ) this .isMouseDown = false ;
this .__setInputFocus();
},
__updateItems : function (var newValue = this .__getValue();
newValue = (newValue != this .defaultLabel) ? newValue : "" ;
this .__updateItemsFromCache(newValue);
if (this .selectFirst) {
this .popupList.__selectByIndex(0 );
}
},
__updateItemsFromCache : function (value ) if (this .items.length>0 && this .enableManualInput) {
var newItems = this .cache.getItems(value);
var items = $(newItems);
this .popupList.__setItems(items);
$(document .getElementById(this .id+"Items" )).empty().append(items);
}
},
__getClientItemFromCache : function (inputLabel ) var value;
var label;
if (this .enableManualInput) {
var items = this .cache.getItems(inputLabel);
if (items && items.length > 0 ) {
var first = $(items[0 ]);
$.each(this .clientItems, function (if (this .id == first.attr("id" )) {
label = this .label;
value = this .value;
return false ;
}
});
} else {
this .container.removeClass("rf-sel-fld-err" );
var prevValue = this .selValueInput.val();
if (prevValue && prevValue != "" ) {
$.each(this .clientItems, function (if (this .value == prevValue) {
label = this .label;
value = this .value
return false ;
}
});
}
}
}
if (label && value) {
return {'label' : label, 'value' : value};
}
},
__getClientItem : function (inputLabel ) var value;
var label = inputLabel;
$.each(this .clientItems, function (if (label == this .label) {
value = this .value;
}
});
if (label && value) {
return {'label' : label, 'value' : value};
}
},
__showPopup : function (this .popupList.show();
},
__hidePopup : function (this .popupList.hide();
},
showPopup : function (if (!this .popupList.isVisible()) {
this .__updateItems();
this .__showPopup();
}
this .__setInputFocus();
if (!this .focused) {
if (this .__getValue() == this .defaultLabel) {
this .__setValue("" );
}
this .focusValue = this .selValueInput.val();
this .focused = true ;
this .invokeEvent.call(this , "focus" , document .getElementById(this .id));
}
},
hidePopup : function (if (this .popupList.isVisible()){
this .__hidePopup();
var inputLabel = this .__getValue();
if (!inputLabel || inputLabel == "" ) {
this .__setValue(this .defaultLabel);
this .selValueInput.val("" );
}
this .focused = false ;
this .invokeEvent.call(this , "blur" , document .getElementById(this .id));
if (this .focusValue != this .selValueInput.val()) {
this .invokeEvent.call(this , "change" , document .getElementById(this .id));
}
}
},
processItem : function (item ) var key = $(item).attr("id" );
var label;
$.each(this .clientItems, function (if (this .id == key) {
label = this .label;
return false ;
}
});
this .__setValue(label);
this .__hidePopup();
this .__setInputFocus();
this .__save();
if (this .focusValue != this .selValueInput.val() ) {
this .invokeEvent.call(this ,"selectitem" , document .getElementById(this .id));
}
},
__save : function (var value = "" ;
var label = "" ;
var inputLabel = this .__getValue();
if (inputLabel && inputLabel != "" ) {
if (this .enableManualInput) {
clientItem = this .__getClientItemFromCache(inputLabel);
} else {
clientItem = this .__getClientItem(inputLabel);
}
if (clientItem) {
label = clientItem.label;
value = clientItem.value;
}
}
this .__setValue(label);
this .selValueInput.val(value);
},
onblur : function (e ) this .__hidePopup();
var inputLabel = this .__getValue();
if (!inputLabel || inputLabel == "" ) {
this .__setValue(this .defaultLabel);
this .selValueInput.val("" );
}
this .focused = false ;
this .invokeEvent.call(this ,"blur" , document .getElementById(this .id), e);
if (this .focusValue != this .selValueInput.val() ) {
this .invokeEvent.call(this , "change" , document .getElementById(this .id), e);
}
},
getValue : function (return this .selValueInput.val();
},
setValue : function (value ) var item;
for (var i=0 ; i
