backbone-views

问题 Lets say i have a JSON like this: JSON example, my json is validated on jsonlint and it works. json_object = { "texts_model": { "hello": "hola", "icon_text": "Icon!" }, "collection_vias": { "text": "hola", "icon_text": "Icon!" } }; I have made a Collection that parse the contents of the json and generates model and collections from this json. App.TemplatesCollection = Backbone.Model.extend({ model: App.TemplateModel, url: TEMPLATES_SERVICE, initialize: function(){ this.fetch({ success:

问题 I'm trying to switch the tagName of a Backbone view based on a condition. I initially thought I would be able to set a default tagName of say 'div' (I realize this is the default), then in the view's initialize function, check for the condition and change the tagName but this unfortunately didn't work. Here is my view code (written in coffeescript): class Test.Views.ListView extends Backbone.View attributes: {"data-role": "listview"} className: 'row' tagName: 'div' initialize: -> if @options

问题 MY simple form template is like this <script type="text/template" id="template"> <form id="myForm " > <fieldset> <label>Name</label> <input type="text" id="name" name="name" /> <label>Age</label> <input type="text" id="age" name="age" /> <input type="hidden" id="id" name="id"/> </fieldset> <a id="save" disabled >Save Changes</a> My bakbone view is as follows: myView = Backbone.View.extend({ template: _.template( $("#template").html() ), events: { "click #save" : "save", }, bindings: { '#id':

问题 I'm currently working on a project that's using .NET MVC on the back end and Backbone (v1.1) with Marionette JS (v1.8.5) on the front end and I am experiencing some performance issues when trying to render a Composite view with 200 results or item views. I first came across this SO post of a similar issue which helped me get a newer version of marionette (v1.8.5). Handlebars templates are being used to show a html table with each itemView being wrapped in a tbody (this has a more complex

问题 I am having an application layout like the one attached. The upper panel is already to the page (i.e. in the server's HTML response). While the user interacts with the elements in that panel the content of the dynamic panel below changes accordingly. I've studied Backbone Marionette various View types and Region Manager. But I still can't figure out a way to implement this. I need to capture events from the already rendered elements and change the dynamic content accordingly. As I understand,

问题 I'm trying to pass a parameter into a Backbone.js view, but I'm having trouble doing it. I have a Backbone view as follows: var DataTypesView = Backbone.View.extend({ events:{ 'click .datatype': 'add' }, initialize: function(){ console.log(this.magic); this.render(); }, render: function(){ console.log('printing template'); console.log(this.templateString); etc. }}); Later, I crate the view as follows: dataTypesView = new DataTypesView({magic:true,el:$('#dataViewSpace'),templateString:'

问题 I need to have arguments to the functions used in the events object in Backbone. var DocumentRow = Backbone.View.extend({ tagName: "li", className: "document-row", events: { "click .icon": "open", "click .button.edit": "openEditDialog", "click .button.delete": "destroy" }, render: function () { // do something } }); Now let the definition of open be: function open(id) { if (id) { // do something } else { // do something else } } I will call open from another function and will pass id when I

问题 I'm building a simple Backbone app where I mainly have a view with a list of books (book name + cover image) and another view where I want to add new books to the list. When I use a sample data the view with the books renders properly, but when I try to add books to the list it doesn't work and I don't know which is the problem. Here is the JSFiddle http://jsfiddle.net/swayziak/DRCXf/4/ and my code: HTML: <section class="menu"> <ul class="footer"> <li><a href="">List of Books</a></li> <li><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

问题 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.