X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=Roo%2Fform%2FComboBoxArray.js;h=023822daf715b79fccf000e5e16a9608d9c23274;hb=d204b4d16b3f28145ff032f905ecfd389c730622;hp=9ccaf2492da8e94c02c06680c3b35403c79d253f;hpb=fbbfb14e4c5424412c3ce82ffdf03354f4eb2106;p=roojs1 diff --git a/Roo/form/ComboBoxArray.js b/Roo/form/ComboBoxArray.js index 9ccaf2492d..023822daf7 100644 --- a/Roo/form/ComboBoxArray.js +++ b/Roo/form/ComboBoxArray.js @@ -7,7 +7,7 @@ /** * @class Roo.form.ComboBoxArray - * @extends Roo.form.ComboBox + * @extends Roo.form.TextField * A facebook style adder... for lists of email / people / countries etc... * pick multiple items from a combo box, and shows each one. * @@ -73,7 +73,7 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField, */ name : false, /** - * @cfg {String} name The hidden name of the field, often contains an comma seperated list of names + * @cfg {String} hiddenName The hidden name of the field, often contains an comma seperated list of names */ hiddenName : false, @@ -82,8 +82,8 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField, items : false, // private - the hidden field el. hiddenEl : false, - - boxWidth : 200, // use to set the box around the entry.. + // private - the filed el.. + el : false, //validateValue : function() { return true; }, // all values are ok! //onAddClick: function() { }, @@ -102,6 +102,11 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField, this.combo = Roo.factory(this.combo, Roo.form); this.combo.onRender(ct, position); + // assigned so form know we need to do this.. + this.store = this.combo.store; + this.valueField = this.combo.valueField; + this.displayField = this.combo.displayField ; + this.combo.wrap.addClass('x-cbarray-grp'); @@ -171,14 +176,16 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField, { // returns hidden if it's set.. if (!this.rendered) {return ''}; - return this.hiddenListName; + return this.hiddenName ? this.hiddenName : this.name; }, onResize: function(w, h){ - this.combo.onResize(w,h); + return; + // not sure if this is needed.. + //this.combo.onResize(w,h); if(typeof w != 'number'){ // we do not handle it!?!? @@ -204,9 +211,9 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField, addItem: function(rec) { - var idField = this.combo.valueField; + var valueField = this.combo.valueField; var displayField = this.combo.displayField; - if (this.items.indexOfKey(rec[idField]) > -1) { + if (this.items.indexOfKey(rec[valueField]) > -1) { //console.log("GOT " + rec.data.id); return; } @@ -214,12 +221,12 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField, var x = new Roo.form.ComboBoxArray.Item({ //id : rec[this.idField], data : rec, - nameField : displayField , + displayField : displayField , tipField : displayField , cb : this }); // use the - this.items.add(rec[idField],x); + this.items.add(rec[valueField],x); // add it before the element.. this.updateHiddenEl(); x.render(this.outerWrap, this.wrap.dom); @@ -245,10 +252,11 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField, reset : function() { - Roo.form.ComboBoxArray.superclass.reset.call(this); + //Roo.form.ComboBoxArray.superclass.reset.call(this); this.items.each(function(f) { f.remove(); }); + this.el.dom.value = ''; if (this.hiddenEl) { this.hiddenEl.dom.value = ''; } @@ -260,15 +268,56 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField, }, setValue: function(v) // not a valid action - must use addItems.. { - if (typeof(v) != 'object') { + + this.reset(); + + if (this.store.isLocal) { + // then we can use the store to find the values.. + // comma seperated at present.. this needs to allow JSON based encoding.. + this.hiddenEl.value = v; + var v_ar = []; + Roo.each(v.split(','), function(k) { + Roo.log("CHECK " + this.valueField + ',' + k); + var li = this.store.query(this.valueField, k); + if (!li.length) { + return; + } + add = {}; + add[this.valueField] = k; + add[this.displayField] = li.item(0).data[this.displayField]; + + this.addItem(add); + }, this) + + + + } + + + }, + setFromData: function(v) + { + // this recieves an object, if setValues is called. + this.reset(); + this.el.dom.value = v[this.displayField]; + this.hiddenEl.dom.value = v[this.valueField]; + if (typeof(v[this.valueField]) != 'string' || !v[this.valueField].length) { return; } - var _this = this; - Roo.each(v, function(l) { - _this.addItem(l); - }); + var keys = v[this.valueField].split(','); + var display = v[this.displayField].split(','); + for (var i = 0 ; i < keys.length; i++) { + + add = {}; + add[this.valueField] = keys[i]; + add[this.displayField] = display[i]; + this.addItem(add); + } + }, + + validateValue : function(value){ return Roo.form.ComboBoxArray.superclass.validateValue.call(this, this.getValue()); @@ -297,7 +346,7 @@ Roo.form.ComboBoxArray.Item = function(config) { Roo.extend(Roo.form.ComboBoxArray.Item, Roo.BoxComponent, { data : {}, cb: false, - nameField : false, + displayField : false, tipField : false, @@ -331,7 +380,7 @@ Roo.extend(Roo.form.ComboBoxArray.Item, Roo.BoxComponent, { this.el.child('div').dom.innerHTML = this.cb.renderer ? this.cb.renderer(this.data) : - String.format('{0}',this.data[this.nameField]); + String.format('{0}',this.data[this.displayField]); this.el.child('div').dom.setAttribute('qtip',