Мне было интересно узнать о лучшем образце/подходе. Это функция в моем маршрутизаторе, поэтому пользователь нажимает "quotes/: id", но для этого представления для рендеринга мне нужен список их проектов, клиентов и валют. Какой был бы лучший способ убедиться, что все 3 выборки() произошли, прежде чем пытаться создать экземпляр представления quotesEdit? Является ли плохая практика захватить всю информацию, когда пользователь что-то нажимает?
quotesEdit: function(id) {
kf.Collections.quotes = kf.Collections.quotes || new kf.Collections.Quotes();
kf.Collections.projects = kf.Collections.projects || new kf.Collections.Projects();
kf.Collections.currencies = kf.Collections.currencies || new kf.Collections.Currencies();
//do a fetch() for the 3 above
kf.Collections.customers = kf.Collections.customers || new kf.Collections.Customers();
var quote = kf.Collections.quotes.where({Id: parseInt(id, 10)});
kf.Utils.ViewManager.swap('sectionPrimary', new kf.Views.section({
section: 'quotesEdit',
model: quote[0]
}));
}
Я нахожу комбинацию jQuery отложенных и подчеркивание invoke решает это элегантно:
//call fetch on the three collections, and keep their promises
var complete = _.invoke([quotes, projects, currencies], 'fetch');
//when all of them are complete...
$.when.apply($, complete).done(function() {
//all ready and good to go...
});
Promises! В частности jQuery.when
Вы можете сделать что-то вроде этого:
$.when(
kf.Collections.quotes.fetch(),
kf.Collections.projects.fetch(),
kf.Collections.currencies.fetch()
).then(function(){
// render your view.
});
jQuery.ajax(и по умолчанию с помощью базовой линии) возвращает обещание, и вы можете использовать $.when для установки функции обратного вызова после разрешения нескольких promises.
Магистраль fetch возвращает объект jQuery Deferred (обещание). Таким образом, вы можете использовать jQuery когда функция ждет, пока все promises будут разрешены:
quotesEdit: function(id) {
kf.Collections.quotes = kf.Collections.quotes || new kf.Collections.Quotes();
kf.Collections.projects = kf.Collections.projects || new kf.Collections.Projects();
kf.Collections.currencies = kf.Collections.currencies || new kf.Collections.Currencies();
//do a fetch() for the 3 above
var quotePromise = kf.Collections.quotes.fetch();
var projectsPromise = kf.Collections.projects.fetch();
var currenciesPromise = kf.collections.currencies.fetch();
// wait for them to all return
$.when(quotePromise, projectsPromise, currenciesPromise).then(function(){
// do stuff here, now that all three have resolved / returned
kf.Collections.customers = kf.Collections.customers || new kf.Collections.Customers();
var quote = kf.Collections.quotes.where({Id: parseInt(id, 10)});
kf.Utils.ViewManager.swap('sectionPrimary', new kf.Views.section({
section: 'quotesEdit',
model: quote[0]
}));
};
}
Я немного написал о promises и jQuery, когда здесь:
что вторая ссылка все еще действительна, несмотря на то, что основным объектом является Win8 JS