backbone-views

Having a problem where if I do apples = new Apples apples.fetch() console.log apples console.log apples.models console.log apples will out put the Apples Collection, with models: Array(10) listed inside the object. But, console.log apples.models outputs an empty array. Why does this happen? Thanks in advance. Shaked KO Are you trying to console.log the collection right after executing the fecth() method or waiting for the callback to be executed by using apples.on('reset', function(){ console.log(this.models);} ,this); ? I just tried this and it worked out for me. Backbone collections have a

I provide a form for users to upload their own data. I use ajax-form-submit and then parse the data to create numerous models (one per row in uploaded csv). Now, I want to create models into a predefined collection. I can use add which takes an array of models but unfortunately, it does not send PUSH at server side. I know I can iterate and create .create for each model but let's say I have 10k models, it would create 10k calls. Sounds unreasonable. Did I miss anything? The other way is to accept multiple models at server and use .ajax calls and then add manually to the collection for UI

I'm trying to make a simple view to test with backbone. I've started with events, but no one fires. Why ? I've made already other things with backbone like routing etc. without problems. Thanks for your time. My backbone definitions are from -> this source <- module Views { export class MenuView extends Backbone.View { constructor(viewOptions?: Backbone.ViewOptions) { super(viewOptions); } el = document.body; events = { "click #Btn-Start": "navigate", "click #Btn-Software": "navigate", "click #Btn-Anderes": "navigate", "click #Btn-Impressum": "navigate" }; initialize() { console.log(

I would like to call a function when a "load" event is triggered: events: { "load #eventPicture" : "_resizeHeaderPic" } I don't want to do something like this.$("#eventPicture").on("load", _resizeHeaderPic); because I have a lot of views (it's a Single Page App ) and I could go back to show another view before the image was loaded. So, if I then come back to this view I would have two listener for that "load" event. Right? By putting everything in my events hash , I can undelegate properly. But it seems that "load #eventPicture" does not work. Any suggestion? Vitalii Petrychuk You cannot track

Basically what I need is to do something like this App.CommentView = Backbone.View.extend({ className: function() { if (this.model.get('parent_id')) { return 'comment comment-reply'; } else { return 'comment'; } }, The problem is, that at the function passed to className is executed in context of the html of the view template, so I can't call this.model . Is there any way I can access the model at this point in the rendering process? Or do I need to set the class later, for example in the render function? This sounds like a job for model binding. App.CommentView = Backbone.View.extend({

I have two views -- an OverlayView and a StoryView. The StoryView needs to get appended to the OverlayView (both are created dynamically). I create the #overlay div dynamically in the OverlayView, but when I set the 'el' of the StoryView to #overlay, this.$el of StoryView is an empty array. The #overlay div definitely exists in the DOM by the time the StoryView is created. How do I get the StoryView to recognize the dyanmically created #overlay as its 'el'? Am I correct in assuming the 'el' should be the 'parent' container to which the view is appended? Should the 'el' of the OverlayView