// eof
-
-
-/**
- * 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);
-
/**
* @class Ext.ux.form.TwinDateTimeField
* @extends Ext.form.Field