I've been trying to integrate the LocalStorage model from TodoMVC into the existing models in my project and I'm so close, yet can't figure out how to return the right object from my findAll such that the view can use it to create the document fragment.
In the following code, when there's no data in the local store, it follows the ajax call and the view renders correctly with the data. The JSON from that fetch is stored in local storage under 'foo-canjs'. On the next page load, the findAll from FooLocal gets the JSON from local storage and I think I need to return a Deferred object back to my view. So I create a Deferred object similar to how it's done in the LocalStorage model in TodoMVC. However, when my view renders, there's no data. The 'data' var that I put in the Deferred object's resolve method contains the correct information. So the JSON is there, I just need to create the "right" kind of Deferred object for my view to slurp.
Any ideas what I'm missing? Thanks in advance for any guidance!
- var Foo = can.Model ({
- findAll: function(params) {
- var returnVal;
- FooLocal.findAll({}, function(data) {
- if (!data || data.total_count == 0) {
- returnVal = can.ajax({
- url: '/endpoint,
- type: 'get',
- success: function(data) {
- new FooLocal(data).save();
- }
- });
- } else {
- var def = new can.Deferred;
- def.resolve(data);
- returnVal = def;
- }
- });
- return returnVal;
- }
- }, {});
- var FooLocal = can.Model.LocalStorage ({
- storageName: 'foo-canjs'
- }, {});
- can.view( 'foo.ejs', Models.Foo.findAll() )
- .then( function (frag) {
- $("#app").html(frag);
- }
- );