X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=roojs-debug.js;h=c7270b5dd996414100dce134598a3a1f702263c2;hp=5de47fe2b52de2045203afc98bf2b01e7330888f;hb=refs%2Fheads%2Fwip_alan_T6201_Category_select;hpb=e18e95da20cc29b6ade4fb98a00f73b8065391eb diff --git a/roojs-debug.js b/roojs-debug.js index 5de47fe2b5..c7270b5dd9 100644 --- a/roojs-debug.js +++ b/roojs-debug.js @@ -23268,6 +23268,16 @@ Roo.extend(Roo.data.Store, Roo.util.Observable, { var r = this.reader.readRecords(o); this.loadRecords(r, {add: append}, true); }, + + /** + * using 'cn' the nested child reader read the child array into it's child stores. + * @param {Object} rec The record with a 'children array + */ + loadDataFromChildren : function(rec) + { + this.loadData(this.reader.toLoadData(rec)); + }, + /** * Gets the number of cached records. @@ -23758,6 +23768,9 @@ Roo.data.DataReader = function(meta, recordType){ }; Roo.data.DataReader.prototype = { + + + readerType : 'Data', /** * Create an empty record * @param {Object} data (optional) - overlay some values @@ -24317,6 +24330,8 @@ Roo.data.JsonReader = function(meta, recordType){ }; Roo.extend(Roo.data.JsonReader, Roo.data.DataReader, { + readerType : 'Json', + /** * @prop {Boolean} metaFromRemote - if the meta data was loaded from the remote source. * Used by Store query builder to append _requestMeta to params. @@ -24458,6 +24473,14 @@ Roo.extend(Roo.data.JsonReader, Roo.data.DataReader, { records : records, totalRecords : totalRecords }; + }, + // used when loading children.. @see loadDataFromChildren + toLoadData: function(rec) + { + // expect rec just to be an array.. eg [a,b,c, [...] << cn ] + var data = typeof(rec.data.cn) == 'undefined' ? [] : rec.data.cn; + return { data : data, total : data.length }; + } });/* * Based on: @@ -24528,6 +24551,9 @@ Roo.data.XmlReader = function(meta, recordType){ Roo.data.XmlReader.superclass.constructor.call(this, meta, recordType||meta.fields); }; Roo.extend(Roo.data.XmlReader, Roo.data.DataReader, { + + readerType : 'Xml', + /** * This method is only used by a DataProxy which has retrieved data from a remote server. * @param {Object} response The XHR object which contains the parsed XML document. The response is expected @@ -24645,7 +24671,8 @@ Roo.data.ArrayReader = function(meta, recordType) }; Roo.extend(Roo.data.ArrayReader, Roo.data.JsonReader, { - /** + + /** * Create a data block containing Roo.data.Records from an XML document. * @param {Object} o An Array of row objects which represents the dataset. * @return {Object} A data block which is used by an {@link Roo.data.Store} object as @@ -24676,7 +24703,16 @@ Roo.extend(Roo.data.ArrayReader, Roo.data.JsonReader, { records : records, totalRecords : records.length }; + }, + // used when loading children.. @see loadDataFromChildren + toLoadData: function(rec) + { + // expect rec just to be an array.. eg [a,b,c, [...] << cn ] + return typeof(rec.data.cn) == 'undefined' ? [] : rec.data.cn; + } + + });/* * Based on: * Ext JS Library 1.1.1 @@ -42726,11 +42762,13 @@ Roo.extend(Roo.form.ComboNested, Roo.form.ComboBox, { views : null, stores : null, // private + loadingChildren : false, + onRender : function(ct, position) { Roo.form.ComboBox.superclass.onRender.call(this, ct, position); // skip parent call - got to above.. - if(this.hiddenName){ + if(this.hiddenName){ this.hiddenField = this.el.insertSibling({tag:'input', type:'hidden', name: this.hiddenName, id: (this.hiddenId||this.hiddenName)}, 'before', true); this.hiddenField.value = @@ -42804,7 +42842,7 @@ Roo.extend(Roo.form.ComboNested, Roo.form.ComboBox, { { var lw = Math.floor( - ((this.listWidth * 3 || Math.max(this.wrap.getWidth(), this.minListWidth)) - this.list.getFrameWidth('lr')) / 3 + ((this.listWidth * this.maxColumns || Math.max(this.wrap.getWidth(), this.minListWidth)) - this.list.getFrameWidth('lr')) / this.maxColumns ); this.list.setWidth(lw); // default to '1' @@ -42835,9 +42873,7 @@ Roo.extend(Roo.form.ComboNested, Roo.form.ComboBox, { }); } this.stores[i] = store; - - - + var view = this.views[i] = new Roo.View( il, this.tpl, @@ -42867,8 +42903,7 @@ Roo.extend(Roo.form.ComboNested, Roo.form.ComboBox, { }, - onResize : function() {}, - + restrictHeight : function() { var mh = 0; @@ -42876,13 +42911,14 @@ Roo.extend(Roo.form.ComboNested, Roo.form.ComboBox, { var el = this.views[i].getEl(); el.dom.style.height = ''; var inner = el.dom; - var h = Math.max(inner.clientHeight, inner.offsetHeight, inner.scrollHeight); + var h = Math.max(il.clientHeight, il.offsetHeight, il.scrollHeight); // only adjust heights on other ones.. + mh = Math.max(h, mh); if (i < 1) { el.setHeight(h < this.maxHeight ? 'auto' : this.maxHeight); il.setHeight(h < this.maxHeight ? 'auto' : this.maxHeight); - mh = Math.max(el.getHeight(), mh); + } @@ -42911,7 +42947,19 @@ Roo.extend(Roo.form.ComboNested, Roo.form.ComboBox, { // private onLoad : function(a,b,c,d) { + if (!this.loadingChildren) { + // then we are loading the top level. - hide the children + for (var i = 1;i < this.views.length; i++) { + this.views[i].getEl().setStyle({ display : 'none' }); + } + var lw = Math.floor( + ((this.listWidth * this.maxColumns || Math.max(this.wrap.getWidth(), this.minListWidth)) - this.list.getFrameWidth('lr')) / this.maxColumns + ); + this.list.setWidth(lw); // default to '1' + + + } if(!this.hasFocus){ return; } @@ -42922,6 +42970,10 @@ Roo.extend(Roo.form.ComboNested, Roo.form.ComboBox, { } else { this.onEmptyResults(); } + + if (!this.loadingChildren) { + this.selectActive(); + } /* this.stores[1].loadData([]); this.stores[2].loadData([]); @@ -42942,41 +42994,72 @@ Roo.extend(Roo.form.ComboNested, Roo.form.ComboBox, { } - } , - - + }, + // no cleaning of leading spaces on blur here. + cleanLeadingSpace : function(e) { }, + onSelectChange : function (view, sels, opts ) { var ix = view.getSelectedIndexes(); - - - if (opts.list > 1) { - - this.setFromData(ix.length ? view.store.getAt(ix[0]).data : {}); + + if (opts.list > this.maxColumns - 2) { + if (view.store.getCount()< 1) { + this.views[opts.list ].getEl().setStyle({ display : 'none' }); + + } else { + if (ix.length) { + // used to clear ?? but if we are loading unselected + this.setFromData(view.store.getAt(ix[0]).data); + } + + } + return; } if (!ix.length) { - this.setFromData({}); - this.stores[opts.list+1].loadData( [] ); + // this get's fired when trigger opens.. + // this.setFromData({}); + var str = this.stores[opts.list+1]; + str.data.clear(); // removeall wihtout the fire events.. return; } var rec = view.store.getAt(ix[0]); + this.setFromData(rec.data); + this.fireEvent('select', this, rec, ix[0]); var lw = Math.floor( - ((this.listWidth * 3 || Math.max(this.wrap.getWidth(), this.minListWidth)) - this.list.getFrameWidth('lr')) / 3 + ( + (this.listWidth * this.maxColumns || Math.max(this.wrap.getWidth(), this.minListWidth)) - this.list.getFrameWidth('lr') + ) / this.maxColumns ); - var data = typeof(rec.data.cn) == 'undefined' ? [] : rec.data.cn; - var dl = typeof(data.data) != 'undefined' ? data.total : data.length; ///json is a nested response.. - this.stores[opts.list+1].loadData( data ); + this.loadingChildren = true; + this.stores[opts.list+1].loadDataFromChildren( rec ); + this.loadingChildren = false; + var dl = this.stores[opts.list+1]. getTotalCount(); + this.views[opts.list+1].getEl().setHeight( this.innerLists[0].getHeight()); + this.views[opts.list+1].getEl().setStyle({ display : dl ? 'block' : 'none' }); + for (var i = opts.list+2; i < this.views.length;i++) { + this.views[i].getEl().setStyle({ display : 'none' }); + } + this.innerLists[opts.list+1].setHeight( this.innerLists[0].getHeight()); - this.list.setWidth(lw * (opts.list + (dl ? 2 : 1))); + this.list.setWidth(lw * (opts.list + (dl ? 2 : 1))); + + if (this.isLoading) { + // this.selectActive(opts.list); + } + }, + + + + onDoubleClick : function() { this.collapse(); //?? @@ -42984,13 +43067,10 @@ Roo.extend(Roo.form.ComboNested, Roo.form.ComboBox, { - findRecord : function (prop,value) - { - return this.findRecordInStore(this.store, prop,value); - }, - // private - findRecordInStore : function(store, prop, value) + + // private + recordToStack : function(store, prop, value, stack) { var cstore = new Roo.data.SimpleStore({ //fields : this.store.reader.meta.fields, // we need array reader.. for @@ -42999,26 +43079,53 @@ Roo.extend(Roo.form.ComboNested, Roo.form.ComboBox, { }); var _this = this; var record = false; - if(store.getCount() > 0){ - store.each(function(r){ - if(r.data[prop] == value){ - record = r; + var srec = false; + if(store.getCount() < 1){ + return false; + } + store.each(function(r){ + if(r.data[prop] == value){ + record = r; + srec = r; + return false; + } + if (r.data.cn && r.data.cn.length) { + cstore.loadDataFromChildren( r); + var cret = _this.recordToStack(cstore, prop, value, stack); + if (cret !== false) { + record = cret; + srec = r; return false; } - if (r.data.cn && r.data.cn.length) { - cstore.loadData( r.data.cn); - var cret = _this.findRecordInStore(cstore, prop, value); - if (cret !== false) { - record = cret; - return false; - } - } - - return true; - }); + } + + return true; + }); + if (record == false) { + return false } + stack.unshift(srec); return record; + }, + + /* + * find the stack of stores that match our value. + * + * + */ + + selectActive : function () + { + // if store is not loaded, then we will need to wait for that to happen first. + var stack = []; + this.recordToStack(this.store, this.valueField, this.getValue(), stack); + for (var i = 0; i < stack.length; i++ ) { + this.views[i].select(stack[i].store.indexOf(stack[i]), false, false ); + } + } + +