Convert TreeStore to Store with only needed fields

Question

I have three stores in my application EmployeesTree, Empolyees, History. First one is source for treegrid, second for combobox that is used to pass additional parameters while loading third stode.

My first approach was to create second store using standard proxy and load employees from server using request.

In my history grid I have:

    me.c = Ext.create("MyApp.Store.Employees");
    me.c.load();
    me.tbar=
    [
        {
            xtype: 'combo',
            fieldLabel: 'Employee',
            width: 300,
            labelWidth: 65,
            typeAhead: false,
            forceSelection: true,
            store: me.c,
            queryMode: 'local',
            displayField: 'Name',
            valueField: 'Id',
            listeners: {
                select: function (combo, records) {
                        console.log(records[0].get('Id'));
                        me.store.proxy.extraParams.uid = records[0].get('Id');
                        me.store.load();
                },
                scope: this
            }
        }
    ];

But this cause additional request that I would like to avoid.

My second idea was to create empty store and add every leaf from first store to it (because it will contains the same list of employees but without hierarchy)

I've created method that should copy all leafs to new store:

    cloneStore: function(source) {
    var target = Ext.create('Sch.data.ResourceStore', {
        model: 'MyApp.Model.Employee'
    });
    var node = source.getRootNode();
    node.eachChild(function (myNode) {
        if (myNode.isLeaf()) {
            var newData = Ext.clone(myNode.copy().data);
            var model = new source.model(newData, newData.id);

            target.add(model);
        }
    });

Right now this copies first level of my store, I need to add recursive to this method so it will add leafs from subnodes.

Also when I do var newData = Ext.clone(myNode.copy().data); my new record will have all fields of that treestore, how can I copy only two fields from my source store to target. I need only 2 fields (id, Name).

How should I modify cloneStore method to recursively copy employees from treeStore to Store and how can I copy only needed fields? Do I must specify them in my method.

EDIT I've modified my function so it can be called recursively.

cloneStore: function(source) {
    var target = Ext.create('MyApp.Store.EmployeesForComboBox');
    var node = source.getRootNode();
    this._addLeafsToStore(target, node);
    return target;
},

_addLeafsToStore: function(store, node) {
    node.eachChild(function (myNode) {
        if (myNode.isLeaf()) {
            store.add({
                Id: myNode.get('Id'),
                Name: myNode.get('Name')
            });
        } else {
            this._addLeafsToStore(store, myNode);
        }
    },this);
},

This works quite well, but I would like to create more universal function, because right now I have hardcoded Store and fields I want to copy.

Additional question:
What option is better: to add new record to store using Ext.clone (first solution) or adding only necessary fields (second solution)?

score 1 · Accepted Answer · answered Aug 06 '13 at 17:03

To create a more generic function, you'll need to change hardcoded stuff as function parameters:

cloneStore: function(source, target, fields) {
    var node = source.getRootNode();
    this._addLeafsToStore(target, node, fields);
    return target;
},

_addLeafsToStore: function(store, node, fields) {
    node.eachChild(function (myNode) {
        if (myNode.isLeaf()) {
            var config = {};
            for (var i = 0; i < fields.length; i++) {
                config[fields[i]] = myNode.get(fields[i]);
            }
            store.add(config);
        } else {
            this._addLeafsToStore(store, myNode, fields);
        }
    },this);
},

and call it like this:

var cloned = someObj.cloneStore(source, Ext.create('MyApp.Store.EmployeesForComboBox'), ['Id', 'Name']);

For the additional question, I think the second solution will perform better if your data set is large.

Thanks for help. I need that "clone" store to be source for my combobox, because I need to filter my grid using employees that are in my tree. I won't be doing any operations on that store so maybe something simpler than data.Store will be better? — Misiu, Aug 07 '13 at 10:56
combobox requires a store for data, I don't think you can use anything simpler. — Ye Liu, Aug 07 '13 at 14:11

Convert TreeStore to Store with only needed fields

1 Answers1