Wie gebe ich Marionette Vorlagen für data-Attribute?

Hier bin ich am Anfang eines Projekts. Ich bin mit zurb-foundation und marionette. Ich habe ein element, das rendering eine Vorlage werden soll, tabs. So wie es da steht:

define([
  "backbone",
  "marionette"
], function(Backbone, Marionette) {

  MyItem = Backbone.Marionette.ItemView.extend({
    template: "#design-tabs",
    className: "section-container tabs",

    onRender: function() {
      $(this.el).foundation();
    }
  });

  return MyItem;
});

gibt es keine tabs. Ich denke, das ist, weil die <div> gerendert wird, zu ersetzen, die <script> - tag in der Vorlage nicht über ein bestimmtes Attribut data (Daten-Bereich). Ich ging auf der Suche nach so etwas wie 'className', die ich hinzufügen könnte, um die ItemView Erklärung oben), um Daten-Attribute, aber ich habe bis trocken. Ich will etwas wie:

MyItem = Backbone.Marionette.ItemView.extend({
  template: "#design-tabs",
  data: {
    data-section: "",
    data-foo: "bar"
  },
  className: "section-container tabs",
  .
  .
  .

Wie kann ich Daten hinzufügen von Attributen zu den <div> (oder anderes), durch die die <script> im template?

  • Für jetzt bin ich nur gehen, um ein sinnlos <div> zu halten die ganze Sache, so dass das data-Attribut wird angezeigt, in der DOM-als erforderlich. Jedoch meine Frage ist nicht "wie mache ich mein Ding arbeiten?", es ist eher "wie bringe ich Daten-Attribute in den <div> ersetzt die <script>, enthält, oder eine marionette Vorlage?".
InformationsquelleAutor Ziggy | 2013-07-05
Schreibe einen Kommentar