Backbone.js and require.js tutorial misunderstanding

Question

I am following this backbone tutorial and this require.js tutorial. I am trying to combine them.

When create an ItemListView, then I get an error

TypeError: singleItemView is not a function
   model: item

My code:

define([
  'jquery',
  'underscore',
  'backbone',
  // Pull in the Collection module from above
  'collections/projects',
  'collections/item',
  'models/projects'

], function($, _, Backbone, projectsCollection, singleItemView, itemViewModel){
  var projectListView = Backbone.View.extend({
    el: $("#page"),

....
....

    appendItem: function(item){
      var itemView = singleItemView({
        model: item
      });
      $('ul', this.el).append(itemView.render().el);
    }

How can I solve this problem?

don't see any return in your code

Krym
– Krym

2012-09-17 13:14:47 +00:00
Commented Sep 17, 2012 at 13:14 — Krym
– Krym, Commented Sep 17, 2012 at 13:14

jmk2142 · Accepted Answer · 2012-08-29 01:33:01Z

1

What you probably want is just:

var itemView = new singleItemView({
    model: item
});

I'm not sure what singleItemView is. collections/item hints at it being a collection while the name singleItemView hints that it is a view. Whatever it is, it looks like it is a module with a "class" definition and I'm betting all you need to do is instantiate it.

answered Aug 29, 2012 at 1:33

jmk2142

8,5813 gold badges34 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Backbone.js and require.js tutorial misunderstanding

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related