JSon Data not loaded into store data

[ron_stahl]

I have a form I want to load data into from a JSon store. Currently my application has a list that the user can click the disclose button on. This in turn calls a function with the internalId and creates a store and loads the data from the server into a json table with one row. When inspecting the store it appears to have no data but if you check the network you can see the call to the server and the json data returned.

   ShowEditForm: function(recordID) {        var viewport   = this.getViewport(),
            topToolbar = viewport.down('titlebar[docked=top]'),
            newCard    = viewport.add({xtype: 'rdpmobile-woaddchange'});


        var store   = Ext.create('RDPMobile.store.WorkOrders.WorkOrder');


        store.load({ params: {WorkOrderID: recordID}});


        newCard.setRecord(store.getAt(0));


        viewport.setActiveItem(newCard);


        topToolbar.setTitle('Change Work Order');


    }

Thanks for your help.
Ron

[mitchellsimoens]

This is usually due to the reader not setup correctly. Like is there a root... are the fields setup correctly

[jay@moduscreate.com]

Ron, store.load is going to fire off an ajax request, which is asynchronous.


this is why newCard.setRecord(store.getAt(0)) fails. Because the store has no data at that point in time.

What you need to do is setup the following logic in a "load" handler for the data store.

        newCard.setRecord(store.getAt(0));


        viewport.setActiveItem(newCard);


        topToolbar.setTitle('Change Work Order');

[ron_stahl]

Jay,

Would you have an example of this using MVC. I am not sure how to setup this up in the controller.

Thanks
Ron

[mitchellsimoens]

You should either set a listener for the load event or use the callback method in the load method:

store.on('load', someFn, store);
store.load();

or

store.load({
    callback : someFn
});

My preference is the first.

[jay@moduscreate.com]

You should either set a listener for the load event or use the callback method in the load method:

store.on('load', someFn, store);
store.load();

should be:

ShowEditForm: function(recordID) {       
// this == instance of controller
    //only register the load listener once!
    store.on('load', this.onStoreLoad, this);
    store.load({ params: {WorkOrderID: recordID}});
}

in your onStoreLoad:

 
onStoreLoad : function(store) {
       var viewport   = this.getViewport(),
            topToolbar = viewport.down('titlebar[docked=top]'),
            newCard    = viewport.add({xtype: 'rdpmobile-woaddchange'});

        newCard.setRecord(store.getAt(0));
        viewport.setActiveItem(newCard);
        topToolbar.setTitle('Change Work Order');
}

[mitchellsimoens]

should be:

// this == instance of controller
store.on('load', this.onStoreLoad, this);
store.load();

in your onStoreLoad:

onStoreLoad : function(store) {
       var viewport   = this.getViewport(),
            topToolbar = viewport.down('titlebar[docked=top]'),
            newCard    = viewport.add({xtype: 'rdpmobile-woaddchange'});

        newCard.setRecord(store.getAt(0));
        viewport.setActiveItem(newCard);
        topToolbar.setTitle('Change Work Order');
}

Sorry I put an example of how to do it not actual code. Kind of wanted to guide him to figure it out.

"Give a man a fish, feed him for a day. Teach a man to fish, feed him for a lifetime."

[jay@moduscreate.com]

calm down dude .

he asked for an example in the context of a controller.

[mitchellsimoens]

I am calm... everyone asks for example code but that doesn't seem to really teach people. Getting them to do some research seems to be giving a better impact.

[ron_stahl]

Mitchell,
I understand your point I deal with people all the time looking for the problem to be solved for them without having to do some leg work or learning from an example given. If I am posting something I have usually spent several hours looking for an answer and though guidance is good sometimes a good working example can go a long way. A good example of this is the MVC example you posted. Before this I was still struggling with the setup and the connection of the files. Now, it is totally clear.


Anyhow, I have tried the examples but when I set the store up with:

store.on('load',this.DataLoaded, this);

I get the following error: Uncaught Error: [ERROR][RDPMobile.controller.WorkOrders.Monitor#getObservableId] Invalid unique id of 'WorkOrders.Monitor' for this object

If i remove 'this' from the code then the 'this' context of the DataLoaded function is the store and not the controller.

Thanks again for your help.
Ron