git.roojs.org Git - roojs1/blob - Roo/form/ComboCheck.js

   1 /*
   2  * RooJS Library 1.1.1
   3  * Copyright(c) 2008-2011  Alan Knowles
   4  *
   5  * License - LGPL
   6  */
   7
   8
   9 /**
  10  * @class Roo.form.ComboCheck
  11  * @extends Roo.form.ComboBox
  12  * A combobox for multiple select items.
  13  *
  14  * FIXME - could do with a reset button..
  15  *
  16  * @constructor
  17  * Create a new ComboCheck
  18  * @param {Object} config Configuration options
  19  */
  20 Roo.form.ComboCheck = function(config){
  21     Roo.form.ComboCheck.superclass.constructor.call(this, config);
  22     // should verify some data...
  23     // like
  24     // hiddenName = required..
  25     // displayField = required
  26     // valudField == required
  27     var req= [ 'hiddenName', 'displayField', 'valueField' ];
  28     var _t = this;
  29     Roo.each(req, function(e) {
  30         if ((typeof(_t[e]) == 'undefined' ) || !_t[e].length) {
  31             throw "Roo.form.ComboCheck : missing value for: " + e;
  32         }
  33     });
  34
  35
  36 };
  37
  38 Roo.extend(Roo.form.ComboCheck, Roo.form.ComboBox, {
  39
  40
  41     editable : false,
  42
  43     selectedClass: 'x-menu-item-checked',
  44
  45     // private
  46     onRender : function(ct, position){
  47         var _t = this;
  48
  49
  50
  51         if(!this.tpl){
  52             var cls = 'x-combo-list';
  53
  54
  55             this.tpl =  new Roo.Template({
  56                 html :  '<div class="'+cls+'-item x-menu-check-item">' +
  57                    '<img class="x-menu-item-icon" style="margin: 0px;" src="' + Roo.BLANK_IMAGE_URL + '">' +
  58                    '<span>{' + this.displayField + '}</span>' +
  59                     '</div>'
  60
  61             });
  62         }
  63
  64
  65         Roo.form.ComboCheck.superclass.onRender.call(this, ct, position);
  66         this.view.singleSelect = false;
  67         this.view.multiSelect = true;
  68         this.view.toggleSelect = true;
  69         this.pageTb.add(new Roo.Toolbar.Fill(), {
  70
  71             text: 'Done',
  72             handler: function()
  73             {
  74                 _t.collapse();
  75             }
  76         });
  77     },
  78
  79     onViewOver : function(e, t){
  80         // do nothing...
  81         return;
  82
  83     },
  84
  85     onViewClick : function(doFocus,index){
  86         return;
  87
  88     },
  89     select: function () {
  90         //Roo.log("SELECT CALLED");
  91     },
  92
  93     selectByValue : function(xv, scrollIntoView){
  94         var ar = this.getValueArray();
  95         var sels = [];
  96
  97         Roo.each(ar, function(v) {
  98             if(v === undefined || v === null){
  99                 return;
 100             }
 101             var r = this.findRecord(this.valueField, v);
 102             if(r){
 103                 sels.push(this.store.indexOf(r))
 104
 105             }
 106         },this);
 107         this.view.select(sels);
 108         return false;
 109     },
 110
 111
 112
 113     onSelect : function(record, index){
 114        // Roo.log("onselect Called");
 115        // this is only called by the clear button now..
 116         this.view.clearSelections();
 117         this.setValue('[]');
 118         if (this.value != this.valueBefore) {
 119             this.fireEvent('change', this, this.value, this.valueBefore);
 120             this.valueBefore = this.value;
 121         }
 122     },
 123     getValueArray : function()
 124     {
 125         var ar = [] ;
 126
 127         try {
 128             //Roo.log(this.value);
 129             if (typeof(this.value) == 'undefined') {
 130                 return [];
 131             }
 132             var ar = Roo.decode(this.value);
 133             return  ar instanceof Array ? ar : []; //?? valid?
 134
 135         } catch(e) {
 136             Roo.log(e + "\nRoo.form.ComboCheck:getValueArray  invalid data:" + this.getValue());
 137             return [];
 138         }
 139
 140     },
 141     expand : function ()
 142     {
 143
 144         Roo.form.ComboCheck.superclass.expand.call(this);
 145         this.valueBefore = typeof(this.value) == 'undefined' ? '' : this.value;
 146         //this.valueBefore = typeof(this.valueBefore) == 'undefined' ? '' : this.valueBefore;
 147
 148
 149     },
 150
 151     collapse : function(){
 152         Roo.form.ComboCheck.superclass.collapse.call(this);
 153         var sl = this.view.getSelectedIndexes();
 154         var st = this.store;
 155         var nv = [];
 156         var tv = [];
 157         var r;
 158         Roo.each(sl, function(i) {
 159             r = st.getAt(i);
 160             nv.push(r.get(this.valueField));
 161         },this);
 162         this.setValue(Roo.encode(nv));
 163         if (this.value != this.valueBefore) {
 164
 165             this.fireEvent('change', this, this.value, this.valueBefore);
 166             this.valueBefore = this.value;
 167         }
 168
 169     },
 170
 171     setValue : function(v){
 172         // Roo.log(v);
 173         this.value = v;
 174
 175         var vals = this.getValueArray();
 176         var tv = [];
 177         Roo.each(vals, function(k) {
 178             var r = this.findRecord(this.valueField, k);
 179             if(r){
 180                 tv.push(r.data[this.displayField]);
 181             }else if(this.valueNotFoundText !== undefined){
 182                 tv.push( this.valueNotFoundText );
 183             }
 184         },this);
 185        // Roo.log(tv);
 186
 187         Roo.form.ComboBox.superclass.setValue.call(this, tv.join(', '));
 188         this.hiddenField.value = v;
 189         this.value = v;
 190     }
 191
 192 });