backbone-views

问题 I have a collection of models that I wish to render in a table view. Each model should be represented by a single row in the table, and this row should be generated using a template. I should be able to attach event handlers to that row (say click), that upon event alert some specific information regarding the model associated with that row. A common way I've seen similar things to this done is to break each row out into it's own view, and have a parent view (lets say the table in this case)

问题 I am looking for a way to create global bindings that will span all views within the app, so that I do not have to set up these within each view individually. Bonus points if suggested mechanism has a way for individual input fields or views to opt out from this behaviour. Details: I've encountered this error where the virtual keyboard causes a div with positioned: fixed; (the header) to be positioned oddly on the screen, and then be repositioned correctly once more when the keyboard is

问题 Consider following Scenario:- - Model of a Player var Player = Backbone.Model.extend({ defaults: { PlayerId: 0, PlayerName: "", IsActive: false } }); Collection Model is as follows: var PlayerList = Backbone.Collection.extend({ model: Player, url: '/Match/GetPlayers/' }); List View is as follows: var ListView = Backbone.View.extend({ el: '#ListContainer', initialize: function () { _.bindAll(this, 'render'); this.collection.on('reset', this.render); }, render: function () { if (this.collection

问题 I have the next code to replace content using Backbone.js jsfiddle I don't know why the checkbox button grows when the content is replaced. Simply, I use the next code to checkbox $('.checkWeek').button(); 回答1: I think the reason is because you keep calling the $('.checkWeek').button(); on every click so JQuery does something funny and adds a span within a span which causes the size to grow. A simple fix is to not call the $('.checkWeek').button(); if the button already exists (or shown) //

问题 When I loads the page , it is getting all the datas and I am displaying the datas. But When I add a record, that is I am submitting the form "addcontact", the datas are creating in the database. But It is not adding into the collection and that this.collection.on('add') is not getting triggered. So, I think the problem was because of this. Can any one tell me that where I am doing wrong? Is there any other way to solve this. This code works functionally, but the only problem with this is , on

问题 I want to build a simple backbone app for depositing and withdrawing funds via Stripe. Since a lot of the functionality is common, I placed that in a Stripe view, and extend the Deposit and Withdraw views from it, like so: var App = { Models: {}, Collections: {}, Views: {}, Router: {} } App.Views.Home = Backbone.View.extend({ el: $('#main-content'), template: Handlebars.compile($('#home-template').html()), render: function() { this.$el.html(this.template()) return this }, events: { 'click

问题 I am trying out different functionalities using backbone and i came accross a strange one. I am trying to submit a form through backbone. I had done this previously and i cannot find whats wrong with what i am doing. The code is as follows : HTML Part <div clas="loginpage"></div> <form class="login-user-form"> <input type="text" name="name" id="name" placeholder="Enter Name"><br><br> <button type="submit" class="btn">Create</button> </form> jQuery Part var UserLogin = Backbone.View.extend({

问题 I want to fire fetch method on Backbone Collection which would pass an Id parameter similar to what happens in Model.fetch(id) E.g. var someFoo= new Foo({id: '1234'});// Where Foo is a Backbone Model someFoo.fetch(); My Backbone collection:- var tasks = backbone.Collection.extend({ model: taskModel, url: '/MyController/GetTasks', initialize: function () { return this; } }); In my View when I try to fetch data:- var _dummyId = 10; // // Tried approach 1 && It calls an api without any `id`

问题 How can i access click event outside the el scope. What i have : HTML : <div class="right_btn"></div> <div id="template_loader"> <!-- HTML template goes here which contain form inputs--> <input type="text" class="forgot_password_email" name="forgot_password_email"/> </div> View : var ForgotPasswordView = Backbone.View.extend({ el: "#template_loader", initialize: function () { console.log('Forgot Password View Initialized'); }, render: function () { blockPage(); var that = this; $.get(App

问题 I'm trying to get the click event to fire, but it's not working. Maybe someone can see something I can't. ConnectionView = GlobalView.extend({ tagName: 'div', events: { "click .social-links": "check" }, initialize: function() { this.render(); this.model.bind("change", this.render); }, render: function() { // Compile the template using underscore var template = _.template($("#connection-template").html(), this.model.toJSON()); // Load the compiled HTML into the Backbone "el" $(this.el).html