Roo.extend(Roo.form.ComboNested, Roo.form.ComboBox, {
+ /*
+ * @config {Number} max Number of columns to show
+ */
+
+ maxColumns : 3,
list : null, // the outermost div..
innerLists : null, // the
this.innerLists = [];
this.views = [];
this.stores = [];
- for (var i =0 ; i < 3; i++) {
+ for (var i =0 ; i < this.maxColumns; i++) {
this.onRenderList( cls, i);
}
{
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'
});
}
this.stores[i] = store;
-
-
-
+
var view = this.views[i] = new Roo.View(
il,
this.tpl,
onSelectChange : function (view, sels, opts )
{
var ix = view.getSelectedIndexes();
-
-
- if (opts.list > 1) {
+
+ if (opts.list > this.maxColumns - 2) {
this.setFromData(ix.length ? view.store.getAt(ix[0]).data : {});
return;
if (!ix.length) {
this.setFromData({});
- this.stores[opts.list+1].loadData( [] );
+ var str = this.stores[opts.list+1];
+ str.removeAll();
return;
}
this.setFromData(rec.data);
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.cn) != 'undefined' ? data.data.total : data.length; ///json is a nested response..
- this.stores[opts.list+1].loadData( data );
+
+ this.stores[opts.list+1].loadDataFromChildren( rec );
+ 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' });
this.innerLists[opts.list+1].setHeight( this.innerLists[0].getHeight());
return this.findRecordInStore(this.store, prop,value);
},
- // private
+ // private
findRecordInStore : function(store, prop, value)
{
var cstore = new Roo.data.SimpleStore({
return false;
}
if (r.data.cn && r.data.cn.length) {
- cstore.loadData( r.data.cn);
+ cstore.loadDataFromChildren( r);
var cret = _this.findRecordInStore(cstore, prop, value);
if (cret !== false) {
record = cret;