将自定义方法添加到主干模型调用服务器,返回简单数据类型

时间:2014-12-29 17:17:05

标签: backbone.js

寻找关于使用骨干在模型(“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;
                        }
            });

寻找有关实施的建议,以使其更清洁?

由于

1 个答案:

答案 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)
    });
  }
});

当然,如果只是以非常有限的方式使用模型,你可以保留你成功/失败的回调,就像你拥有它们一样。