X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=Roo%2Fform%2FComboBoxArray.js;h=9430666d6452a154977d53a140f9ba8e2e16177a;hb=78c6c52e01e2580aefd82bdb907ef245aa282dad;hp=1f3e25fa32525f7937cb0b96ce61cc9386b25203;hpb=c06a277c674eb8a53e904a6fd97a2fcc57313cf6;p=roojs1 diff --git a/Roo/form/ComboBoxArray.js b/Roo/form/ComboBoxArray.js index 1f3e25fa32..9430666d64 100644 --- a/Roo/form/ComboBoxArray.js +++ b/Roo/form/ComboBoxArray.js @@ -49,12 +49,9 @@ Roo.form.ComboBoxArray = function(config) } - Roo.extend(Roo.form.Hidden, Roo.form.TextField, { - - -}); -Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField + +Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField, { /** * @cfg {Roo.form.Combo} combo The combo box that is wrapped @@ -86,7 +83,7 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField // private - the hidden field el. hiddenEl : false, - boxWidth : 200, // use to set the box around the entry.. + el : false, //validateValue : function() { return true; }, // all values are ok! //onAddClick: function() { }, @@ -95,7 +92,7 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField { // create the standard hidden element - Roo.form.ComboBoxArray.superclass.onRender.call(this, ct, position); + //Roo.form.ComboBoxArray.superclass.onRender.call(this, ct, position); // give fake names to child combo; @@ -116,6 +113,9 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField this.hiddenEl = this.combo.wrap.createChild({ tag: 'input', type:'hidden' , name: this.hiddenName, value : '' + }); + this.el = this.combo.wrap.createChild({ + tag: 'input', type:'hidden' , name: this.name, value : '' }); // this.el.dom.removeAttribute("name"); @@ -123,12 +123,12 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField this.outerWrap = this.combo.wrap; this.wrap = cbwrap; - this.outerWrap.setWidth(this.boxWidth); + this.outerWrap.setWidth(this.width); this.outerWrap.dom.removeChild(this.el.dom); this.wrap.dom.appendChild(this.el.dom); - this.outerWrap.dom.removeChild(this.trigger.dom); - this.combo.wrap.dom.appendChild(this.trigger.dom); + this.outerWrap.dom.removeChild(this.combo.trigger.dom); + this.combo.wrap.dom.appendChild(this.combo.trigger.dom); this.combo.trigger.setStyle('position','relative'); this.combo.trigger.setStyle('left', '0px'); @@ -171,13 +171,15 @@ 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){ + return; + // not sure if this is needed.. this.combo.onResize(w,h); if(typeof w != 'number'){ @@ -263,6 +265,10 @@ Roo.extend(Roo.form.ComboBoxArray, Roo.form.TextField if (typeof(v) != 'object') { return; } + Roo.log(v); + Roo.log(this.hiddenEl.dom.value); + Roo.log(this.el.dom.value); + var _this = this; Roo.each(v, function(l) { _this.addItem(l); @@ -297,25 +303,46 @@ Roo.form.ComboBoxArray.Item = function(config) { Roo.extend(Roo.form.ComboBoxArray.Item, Roo.BoxComponent, { data : {}, cb: false, - defaultAutoCreate : {tag: 'div', cls: 'x-cbarray-item', cn : [ + nameField : false, + tipField : false, + + + defaultAutoCreate : { + tag: 'div', + cls: 'x-cbarray-item', + cn : [ { tag: 'div' }, - { tag: 'img', width:16, height : 16, src : Roo.BLANK_IMAGE_URL , align: 'center' } + { + tag: 'img', + width:16, + height : 16, + src : Roo.BLANK_IMAGE_URL , + align: 'center' + } ] }, - onRender : function(ct, position){ + onRender : function(ct, position) + { Roo.form.Field.superclass.onRender.call(this, ct, position); + if(!this.el){ var cfg = this.getAutoCreate(); this.el = ct.createChild(cfg, position); } + this.el.child('img').dom.setAttribute('src', Roo.BLANK_IMAGE_URL); this.el.child('div').dom.innerHTML = this.cb.renderer ? - this.cb.renderer(this.data) : String.format('{0}',this.data[this.nameField]); - this.el.child('div').dom.setAttribute('qtip', String.format('{0}',this.data[this.tipField])); + this.cb.renderer(this.data) : + String.format('{0}',this.data[this.nameField]); + + + this.el.child('div').dom.setAttribute('qtip', + String.format('{0}',this.data[this.tipField]) + ); this.el.child('img').on('click', this.remove, this);