10

这是我在 BackBone.js 上工作的最初几天。我实际上被路由器部分卡住了，因为我在控制台中收到错误“错误：必须指定 url 属性或函数”。这是我的场景；我有一个动态形成 REST URL 的点击函数，并相应地从服务器获取数据。

这是点击功能代码

function onUserClick(obj){
     var userID=$(obj).attr('id');
     window.location.href="#"+userID+"/";
     var userRouter = new UserRouter;
}

我在路由器中有以下代码

var userModel;
var UserRouter = Backbone.Router.extend({
    routes:{
        ":userid/":"getUsers"
    },
    getUsers:function(userid){
        var url="http://myserver.com/users/"+userid;
        userModel = new UserModel({urlRoot:url});
        var userView = new UserView({el:$(#"container")});
    }
});
var UserModel = Backbobe.Model.extend({});
var UserView = Backbone.View.extend({
    model:userModel,
    initialize:function(){
        _.templateSettings = {
            interpolate: /\{\{\=(.+?)\}\}/g,
            evaluate: /\{\{(.+?)\}\}/g
        };
        this.model.fetch();
        this.model.bind("change",this.render,this);
    },
    render:function(){
        var data=this.model.toJSON();
        var userTemplate=_.template($("#userTemplate").text());
        var htmlData=userTemplate({
            "userData":data
        });
        $(this.el).html(htmlData);
    }
});

有人可以帮我解决这里的问题吗？我知道我在这里做错了什么，并就此寻求专家建议。非常感谢这种情况下的工作示例。

4

1 回答 1

23

您正在调用fetch您的模型：

var UserView = Backbone.View.extend({
    model: userModel,
    initialize: function() {
        // ...
        this.model.fetch();

但是你没有给你的模型一个url属性：

var UserModel = Backbone.Model.extend({});

该fetch方法与服务器对话，它用于url这样做：

网址 model.url()

返回模型资源在服务器上的相对 URL。如果您的模型位于其他地方，请使用正确的逻辑覆盖此方法。生成表单的 URL: ，如果模型不是集合的一部分，则"/[collection.url]/[id]"回退到。"/[urlRoot]/id"

模型的默认实现url如下所示：

url: function() {
  var base = _.result(this, 'urlRoot') || _.result(this.collection, 'url') || urlError();
  if (this.isNew()) return base;
  return base + (base.charAt(base.length - 1) === '/' ? '' : '/') + encodeURIComponent(this.id);
},

您没有urlRoot，您没有将 URL 生成委托给的集合，并且您没有覆盖url所以urlError()被调用，这就是您的错误消息的来源。

您UserModel需要一个 RESTfulurl属性或函数，以便您可以fetch从服务器实例化。或者，您可以从客户端环境中已经可用的数据创建模型（当然，只要您不打算通过 Backbone 保存任何内容）。

于 2012-04-09T18:01:49.940 回答