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 () […]
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 […]
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 = […]
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 […]
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'}); […]
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 = […]
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) { […]
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 […]
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 […]
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 […]