--- /dev/null
+/**
+ * Ext.ux.form.LovCombo, List of Values Combo
+ *
+ * @author Ing. Jozef Sakáloš
+ * @copyright (c) 2008, by Ing. Jozef Sakáloš
+ * @date 16. April 2008
+ * @version $Id: Ext.ux.form.LovCombo.js 285 2008-06-06 09:22:20Z jozo $
+ *
+ * @license Ext.ux.form.LovCombo.js is licensed under the terms of the Open Source
+ * LGPL 3.0 license. Commercial use is permitted to the extent that the
+ * code/component(s) do NOT become part of another Open Source or Commercially
+ * licensed development library or toolkit without explicit permission.
+ *
+ * License details: http://www.gnu.org/licenses/lgpl.html
+ */
+
+/*global Ext */
+
+// add RegExp.escape if it has not been already added
+if('function' !== typeof RegExp.escape) {
+ RegExp.escape = function(s) {
+ if('string' !== typeof s) {
+ return s;
+ }
+ // Note: if pasting from forum, precede ]/\ with backslash manually
+ return s.replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1');
+ }; // eo function escape
+}
+
+// create namespace
+Ext.ns('Ext.ux.form');
+
+/**
+ *
+ * @class Ext.ux.form.LovCombo
+ * @extends Ext.form.ComboBox
+ */
+Ext.ux.form.LovCombo = Ext.extend(Ext.form.ComboBox, {
+
+ // {{{
+ // configuration options
+ /**
+ * @cfg {String} checkField name of field used to store checked state.
+ * It is automatically added to existing fields.
+ * Change it only if it collides with your normal field.
+ */
+ checkField:'checked'
+
+ /**
+ * @cfg {String} separator separator to use between values and texts
+ */
+ ,separator:','
+
+ /**
+ * @cfg {String/Array} tpl Template for items.
+ * Change it only if you know what you are doing.
+ */
+ // }}}
+ // {{{
+ ,initComponent:function() {
+
+ // template with checkbox
+ if(!this.tpl) {
+ this.tpl =
+ '<tpl for=".">'
+ +'<div class="x-combo-list-item">'
+ +'<img src="' + Ext.BLANK_IMAGE_URL + '" '
+ +'class="ux-lovcombo-icon ux-lovcombo-icon-'
+ +'{[values.' + this.checkField + '?"checked":"unchecked"' + ']}">'
+ +'<div class="ux-lovcombo-item-text">{' + (this.displayField || 'text' )+ '}</div>'
+ +'</div>'
+ +'</tpl>'
+ ;
+ }
+
+ // call parent
+ Ext.ux.form.LovCombo.superclass.initComponent.apply(this, arguments);
+
+ // install internal event handlers
+ this.on({
+ scope:this
+ ,beforequery:this.onBeforeQuery
+ ,blur:this.onRealBlur
+ });
+
+ // remove selection from input field
+ this.onLoad = this.onLoad.createSequence(function() {
+ if(this.el) {
+ var v = this.el.dom.value;
+ this.el.dom.value = '';
+ this.el.dom.value = v;
+ }
+ });
+
+ } // e/o function initComponent
+ // }}}
+ // {{{
+ /**
+ * Disables default tab key bahavior
+ * @private
+ */
+ ,initEvents:function() {
+ Ext.ux.form.LovCombo.superclass.initEvents.apply(this, arguments);
+
+ // disable default tab handling - does no good
+ this.keyNav.tab = false;
+
+ } // eo function initEvents
+ // }}}
+ // {{{
+ /**
+ * clears value
+ */
+ ,clearValue:function() {
+ this.value = '';
+ this.setRawValue(this.value);
+ this.store.clearFilter();
+ this.store.each(function(r) {
+ r.set(this.checkField, false);
+ }, this);
+ if(this.hiddenField) {
+ this.hiddenField.value = '';
+ }
+ this.applyEmptyText();
+ } // eo function clearValue
+ // }}}
+ // {{{
+ /**
+ * @return {String} separator (plus space) separated list of selected displayFields
+ * @private
+ */
+ ,getCheckedDisplay:function() {
+ var re = new RegExp(this.separator, "g");
+ return this.getCheckedValue(this.displayField).replace(re, this.separator + ' ');
+ } // eo function getCheckedDisplay
+ // }}}
+ // {{{
+ /**
+ * @return {String} separator separated list of selected valueFields
+ * @private
+ */
+ ,getCheckedValue:function(field) {
+ field = field || this.valueField;
+ var c = [];
+
+ // store may be filtered so get all records
+ var snapshot = this.store.snapshot || this.store.data;
+
+ snapshot.each(function(r) {
+ if(r.get(this.checkField)) {
+ c.push(r.get(field));
+ }
+ }, this);
+
+ return c.join(this.separator);
+ } // eo function getCheckedValue
+ // }}}
+ // {{{
+ /**
+ * beforequery event handler - handles multiple selections
+ * @param {Object} qe query event
+ * @private
+ */
+ ,onBeforeQuery:function(qe) {
+ qe.query = qe.query.replace(new RegExp(this.getCheckedDisplay() + '[ ' + this.separator + ']*'), '');
+ } // eo function onBeforeQuery
+ // }}}
+ // {{{
+ /**
+ * blur event handler - runs only when real blur event is fired
+ */
+ ,onRealBlur:function() {
+ this.list.hide();
+ var rv = this.getRawValue();
+ var rva = rv.split(new RegExp(RegExp.escape(this.separator) + ' *'));
+ var va = [];
+ var snapshot = this.store.snapshot || this.store.data;
+
+ // iterate through raw values and records and check/uncheck items
+ Ext.each(rva, function(v) {
+ snapshot.each(function(r) {
+ if(v === r.get(this.displayField)) {
+ va.push(r.get(this.valueField));
+ }
+ }, this);
+ }, this);
+ this.setValue(va.join(this.separator));
+ this.store.clearFilter();
+ } // eo function onRealBlur
+ // }}}
+ // {{{
+ /**
+ * Combo's onSelect override
+ * @private
+ * @param {Ext.data.Record} record record that has been selected in the list
+ * @param {Number} index index of selected (clicked) record
+ */
+ ,onSelect:function(record, index) {
+ if(this.fireEvent('beforeselect', this, record, index) !== false){
+
+ // toggle checked field
+ record.set(this.checkField, !record.get(this.checkField));
+
+ // display full list
+ if(this.store.isFiltered()) {
+ this.doQuery(this.allQuery);
+ }
+
+ // set (update) value and fire event
+ this.setValue(this.getCheckedValue());
+ this.fireEvent('select', this, record, index);
+ }
+ } // eo function onSelect
+ // }}}
+ // {{{
+ /**
+ * Sets the value of the LovCombo
+ * @param {Mixed} v value
+ */
+ ,setValue:function(v) {
+ if(v) {
+ v = '' + v;
+ if(this.valueField) {
+ this.store.clearFilter();
+ this.store.each(function(r) {
+ var checked = !(!v.match(
+ '(^|' + this.separator + ')' + RegExp.escape(r.get(this.valueField))
+ +'(' + this.separator + '|$)'))
+ ;
+
+ r.set(this.checkField, checked);
+ }, this);
+ this.value = this.getCheckedValue();
+ this.setRawValue(this.getCheckedDisplay());
+ if(this.hiddenField) {
+ this.hiddenField.value = this.value;
+ }
+ }
+ else {
+ this.value = v;
+ this.setRawValue(v);
+ if(this.hiddenField) {
+ this.hiddenField.value = v;
+ }
+ }
+ if(this.el) {
+ this.el.removeClass(this.emptyClass);
+ }
+ }
+ else {
+ this.clearValue();
+ }
+ } // eo function setValue
+ // }}}
+ // {{{
+ /**
+ * Selects all items
+ */
+ ,selectAll:function() {
+ this.store.each(function(record){
+ // toggle checked field
+ record.set(this.checkField, true);
+ }, this);
+
+ //display full list
+ this.doQuery(this.allQuery);
+ this.setValue(this.getCheckedValue());
+ } // eo full selectAll
+ // }}}
+ // {{{
+ /**
+ * Deselects all items. Synonym for clearValue
+ */
+ ,deselectAll:function() {
+ this.clearValue();
+ } // eo full deselectAll
+ // }}}
+
+}); // eo extend
+
+// register xtype
+Ext.reg('lovcombo', Ext.ux.form.LovCombo);
projects / thirdparty / tvheadend.git / commitdiff
