Problem with deferred model calls in this.view returning 'undefined'

in jQueryMX » View • 1 year ago

Hi there,

Hopefully I don't sound like a broken record with a problem I've had trying to call two models in a view, but for retrieving information on a currently logged-in user, I'm trying to use deferred model calls in "this.view()" (after reading this post: http://forum.javascriptmvc.com/#topic/32525000000363001). Anyway, for some reason I keep getting an undefined return from the model for the "user" var in the view call.

Here is what I am using so far:

// controller
var details = $('<div id="journal_edit" class="modal-popup" />')
.html(this.view('new', {
user: Contactscreen.Models.User.findOne(),
contact: Contactscreen.Models.Contact.findOne($('#contact #contact_id').val())
}));
details.dialog( [...] );
// User model
$.Model.extend('Contactscreen.Models.User', {
/* This is only pulling the currently HTTP-authenticated user, so no ID is being called */
findOne: function( params, success, error ){
$.ajax({
url: window.appHost+'json-authinfo.asp',
type: 'get',
dataType: 'json',
data: params,
success: success,
error: error,
});
}
}, { });
// Contact Model
$.Model.extend('Contactscreen.Models.Contact', {
findOne: function( id, params, success, error ){
$.ajax({
url: window.appPHPUrlRoot+'dataservices/contact_get.php?contactid='+id+'&user=d1',
type: 'get',
dataType: 'json',
data: params,
success: success,
error: error
});
}, [...]
}, { });

Replies(8)

daff

Re: Problem with deferred model calls in this.view returning 'undefined'

1 year ago

You have to return the Deferred created by $.ajax so that the view can do something with it:

findOne: function( id, params, success, error ){
return $.ajax({ // ..

jonandrew..

Re: Problem with deferred model calls in this.view returning 'undefined'

1 year ago

On trying this, I get an empty dialog box--like the view skips rendering the template, but with no JS errors. I realize that the .dialog() function runs separately from the deferreds, so I tried using $.when( ... ).then( ... ); but also no render or response, or a JS error. The models seem to be returning like they should, but the view rendering basically doesn't seem to happen after the model calls.

daff

Re: Problem with deferred model calls in this.view returning 'undefined'

1 year ago

Do you see in Firebug that the requests being made properly? I remember that there was something with Controller.View and Deferreds but from what I could see it should work as any other way of calling $.View.

jonandrew..

Re: Problem with deferred model calls in this.view returning 'undefined'

1 year ago

The two models do load the AJAX calls, and the models both have "return" on the .ajax() call, but nothing seems to load. I tried a test console.log() call, but that does not trigger in spite of the two AJAX calls loading with a "200 OK" status in Firebug. Strange...

Here's what I've been trying so far now, with the test console log:

$.when(Contactscreen.Models.Contact.findOne($('#contact #contact_id').val()), Contactscreen.Models.User.findOne()).done(function(contactResponse, userResponse) {
console.log('Received both models!');
var details = $('<div id="journal_edit" class="modal-popup" />')
.html(this.view('new', {
contact: contactResponse,
user: userResponse
}));
details.dialog( [...] );
)};

thecounto..

Re: Problem with deferred model calls in this.view returning 'undefined'

1 year ago

Two thoughts:

I am not sure what your view looks like, but what you probably want to pass into it is: contactResponse[0] and userResponse[0]

Also, I don't now that you need this.view

Have you tried:

var details = $('<div id="journal_edit" class="modal-popup" />')
      .html( '//PATH_TO_VIEW', {
            contact: contactResponse[0],
            user: userResponse[0]
      })
);

Thanks,
Mike

jonandrew..

Re: Problem with deferred model calls in this.view returning 'undefined'

1 year ago

I might have at some point tried just using .html without this.view, but I can try again.

The problem though would still remain in any case--whatever happens inside $.when( [...] ).then( /* stuff happens, like console.log('hello'); */ ) does not actually happen after the model calls are made in the $.when( ) function. I should get a console message, even if the view does not work, but that does not happen. I believe I have the standard JMVC 3.1 distribution, but I don't know if I have a screwed up jquery install or something.

jonandrew..

Re: Problem with deferred model calls in this.view returning 'undefined'

1 year ago

Also, inside the view templates, I'm using contact[0].[field], user[0].[field], etc. It was more or less just arbitrary.

jonandrew..

Re: Problem with deferred model calls in this.view returning 'undefined'

1 year ago

Ok... my apologies. I think I could have saved myself a bit of trouble if I had a proper 'error' callback to notify me something was wrong with the JSON response. Basically, I wasn't properly returning my JSON results from my ASP script which didn't have the right headers, and also utilized single quotes instead of double quotes. No wonder nothing showed!

Anyway, this problem is solved now, and I FINALLY understand deferreds the way they are supposed to work. Thanks again for the support, everyone!

Top Reply

Response title

Attachments

New to this Portal?