how to render column with data from another notloaded store

Sorry for my English.

i have two grids: Orders and ItemsToProduce, when i click on item in Orders, i want to load data to ItemsToProduce, but in ItemsToProduce i have column typeId, and i want to render name of this type. But i dont't want to make association, and i can't preload another store with typeNames, because it's have a lot of rows. How i can render typeName in column?

Code:

OnItemClickInOrdersGrid: function(ordersGrid, order) {    var itemToProduceStore = this.lookupReference("itemtoproduce-grid").getStore(),
        afterLoad,
        me = this
    ;
    afterLoad = function (store, itemToProduces) {
        var i,
            filters = []
        ;
        for(i in itemToProduces) {
            if(itemToProduces.hasOwnProperty(i)) {
                console.log(itemToProduces[i]);
                filters.push({
                    id: "typeId",
                    property: "typeId",
                    value: itemToProduces[i].get("typeId")
                })
            }
        }
        me.getViewModel().getStore('itemId2Name').addFilter(filters);
        itemToProduceStore.un('load',afterLoad);


    };
    itemToProduceStore.on('load',afterLoad);
    itemToProduceStore.addFilter({
        id: "order",
        property: "order",
        value: order.getId()
    });
},

and in renderer i have this:

Code:

renderer: function(typeId, meta, record, rowIndex, colIndex, store) {    var view = this.up('window'),
        invType = view.getViewModel().getStore('itemId2Name').findRecord("typeId",typeId),
        typeName = typeId
    ;
    if(!invType) {
        setTimeout(function(){ view.getView().refresh(); }, 500);
    } else {
        typeName = invType.get("typeName");
    }


    return typeName;
},

help me plz



how to render column with data from another notloaded store