寻找关于使用骨干在模型(“foo”)上正确实现自定义逻辑的一些指导。
我们一般要求避免直接调用.ajax调用(见下文),并尝试通过Backbone.js MV *框架一致地完成所有操作。
我已经在视图上实现了一个方法(因为缺少更好的放置位置),但我觉得这个实用方法最适合作为模型的方法。 我读过一些文章,建议实现覆盖骨干.sync方法来在模型上添加自定义方法,但问题是,当模型期待一个对象时,我不确定它是“正确的” ,我实际调用的REST服务方法返回一个简单的布尔值(true / false)。
以下是我实施的代码:
var myView = Backbone.View.extend({
initialize: function (options) {
...
},
canDelete: function (parmOne, parmTWo){
var okToDelete;
var url = '/url/to/check/if/delete/is/ok/parmOne/ParmTwo';
$.ajax({
async: false,
type: "GET",
url: url,
success: function (valBool, response, jqXHR) {
okToDelete = valBool;
},
error: function (data, textStatus, jqXHR) {
notifyError(data.responseText)
}
});
return okToDelete;
}
});
寻找有关实施的建议,以使其更清洁?
由于
答案 0 :(得分:3)
你是不是要覆盖Backbone.sync
。根据{{3}}:
默认情况下,它使用jQuery.ajax发出RESTful JSON请求并返回jqXHR。您可以覆盖它以使用不同的持久性策略,例如WebSockets,XML传输或本地存储。
如果要定义其他权限策略,则覆盖sync
。
Model-specific
实用程序函数属于模型对于像你这样的实用功能,实现它的正确位置将在model
上。
var myModel = Backbone.Model.extend({
canDelete: function (parmOne, parmTWo){
var url = '/url/to/check/if/delete/is/ok/parmOne/ParmTwo';
return $.ajax({
async: false,
type: "GET",
url: url
});
}
});
在您看来,您可能甚至会绑定删除功能,例如deleteModel
。由于我们连接model.canDelete
方法以返回$.ajax
承诺,我们可以在视图中执行错误检查,如下所示:
var myView = = Backbone.View.extend({
initialize: function (options) {
...
},
deleteModel: function(event) {
var that = this;
this.model.canDelete()
.done(function (data) {
// Do some stuff if ok to delete like:
that.model.destroy();
})
.fail(function (data) {
// Do some stuff if not ok to delete like:
that.model.notifyError(data.responseText)
});
}
});
当然,如果只是以非常有限的方式使用模型,你可以保留你成功/失败的回调,就像你拥有它们一样。