Articles of backbone views

Accéder à un événement de clic à l'extérieur du el dans la vue de l'arrière-plan

Comment puis-je accéder à un événement de clic en dehors de la portée. Ce que j'ai: 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> Vue : var ForgotPasswordView = Backbone.View.extend({ el: "#template_loader", initialize: function () { console.log('Forgot Password View Initialized'); }, render: function () […]

CompositeView lent pour rendre les objets pour un ensemble de résultats étendu Marionette

Je travaille actuellement sur un projet qui utilise .NET MVC sur le back-end et Backbone (v1.1) avec Marionette JS (v1.8.5) sur le front-end et j'ai des problèmes de performances lors de la tentative de création d'une vue composée Avec 200 résultats ou vues d'éléments. J'ai d'abord rencontré ce message SO d'un problème similaire qui m'a […]

L'événement de la vue de l'arrière-plan ne se déclenche pas – pas sûr pourquoi

J'essaie de faire passer l'événement de click , mais ça ne fonctionne pas. Peut-être que quelqu'un peut voir quelque chose que je ne peux pas. 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 = […]

Comment puis-je définir dynamiquement un nom de classe pour une vue Backbone.js en fonction de ses attributs de modèle?

Fondamentalement, ce dont j'ai besoin, c'est de faire quelque chose comme ça App.CommentView = Backbone.View.extend({ className: function() { if (this.model.get('parent_id')) { return 'comment comment-reply'; } else { return 'comment'; } }, Le problème est que, à la fonction passée à className est exécuté dans le contexte du html du modèle de vue, donc je ne […]

Comment puis-je passer un paramètre dans une vue Backbone.js?

J'essaie de passer un paramètre dans une vue Backbone.js, mais j'ai du mal à le faire. J'ai une vue Backbone comme suit: 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. }}); Plus tard, je cite la vue comme suit: dataTypesView = new DataTypesView({magic:true,el:$('#dataViewSpace'),templateString:'#template'}); […]

Comment et où initialiser jquery datatable en backbone view

Mon modèle html ressemble à ceci: <script type="text/template" id="players-template"> <table id="example" class="table table-striped table-bordered table-condensed table-hover"> <thead> <tr> <th>Name</th> <th>group</th> <th></th> </tr> </thead> <tbody id="playersTable"></tbody> </table> </script> <script type="text/template" id="player-list-item-template"> <td><@= name @></td> <td> <@ _.each(hroups, function(group) { @> <@= group.role @> <@ }); @> </td> </script> Ma vue arrière est la suivante: playerView = […]

Comment passer des arguments aux fonctions liées dans l'objet events dans backbone.js

Je dois avoir des arguments sur les fonctions utilisées dans l'objet des événements dans 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 } }); Maintenant, la définition de l'ouverture soit la suivante: function open(id) { […]

La vue de la table de backbone consomme la vue de ligne – comment se structurer?

J'ai une collection de modèles que je souhaite faire dans une vue de table. Chaque modèle doit être représenté par une seule ligne dans le tableau, et cette ligne doit être générée à l'aide d'un modèle. Je devrais être en mesure de joindre les gestionnaires d'événements à cette ligne (par exemple, cliquer), que lors de […]

Backbone.js voient les variables d'instance?

J'apprends Backbone.js et j'essaie de déterminer s'il est possible d'avoir des variables d'instance dans les vues Backbone. Mon objectif est de charger les modèles d'une vue à partir d'un fichier externe lorsqu'une vue est instanciée. Actuellement, je les stocke dans une variable globale dans l'espace de noms global de l'application Backbone, mais il serait plus […]

Relier plusieurs types d'événements dans les vues de backbone

Je me demandais s'il est possible de lier plusieurs types d'événements dans l'épine dorsale dans une seule ligne. Considérer ce qui suit: var MyView = Backbone.View.extend({ id: 'foo', events: { 'click .bar': 'doSomething', 'touchstart .bar': 'doSomething' }, doSomething: function(e) { console.log(e.type); } }); Fondamentalement, ce que je me demande est s'il est possible de combiner […]