html externe modèle pour underscore.js et backbone.js

Puis-je mettre mon modèle sur un autre .les fichiers html et juste référence dans mon index.html?

index.html :

<script type="text/template" id="item-list" src="item-list-tmpl.html"></script>

item-list-tmpl.html :

<div><%= ItemDescription  %><%= ItemCode %></div>

J'ai essayé, mais le problème est qu'il n'affiche pas le modèle sur index.html mais il des charges sur le bon spot (visualisées à l'aide de firebug)

Mise à JOUR

Trouvé une solution possible mais n'est pas recommandé pour un environnement de production.

Regarde comme il n'y a pas une solution simple pour cela. Le require.js approche communément apparaissant comme une solution, je n'ai jamais essayé, mais il ressemble pour moi comme trop au-dessus de génie. J'espère que quelqu'un vient avec un facile et direct de la solution.
Si vous avez une solution, même à votre propre question, je pense que c'est mieux de créer un organisme indépendant de réponse, afin que les gens peuvent commenter et de voter. Et aussi, vous pouvez le choisir comme la réponse correcte.

OriginalL'auteur jongbanaag | 2012-03-23

  1. 7

    Obtenu ce à partir de http://coenraets.org/blog/2012/01/backbone-js-lessons-learned-and-improved-sample-app/#comment-35324

    De la création d'un fichier js pour le présent et l'appeler avant votre js fichiers pour les modèles de la collection et les vues.

    tpl = {

//Hash of preloaded templates for the app
templates:{},

//Recursively pre-load all the templates for the app.
//This implementation should be changed in a production environment. All the template files should be
//concatenated in a single file.
loadTemplates:function (names, callback) {

    var that = this;

    var loadTemplate = function (index) {
        var name = names[index];
        //console.log('Loading template: ' + name);
        $.get('templates/' + name + '.html', function (data) {
            that.templates[name] = data;
            index++;
            if (index < names.length) {
                loadTemplate(index);
            } else {
                callback();
            }
        });
    }

    loadTemplate(0);
},

//Get template by name from hash of preloaded templates
get:function (name) {
    return this.templates[name];
}

};

    Après cela, ajoutez ceci à votre routeur

    tpl.loadTemplates(['filename-of-your-external-html-file'], function () {
app = new AppRouter();
Backbone.history.start();
});

    Cela devrait le faire. Mais encore une fois pas recommandé pour l'environnement de production, comme il y aura des centaines d'obtenir la demande et peut paralyser votre application.

    puis-je charger des modèles dans l'environnement de production, au lieu de charger tous ensemble ?

    OriginalL'auteur jongbanaag

  2. 1

    J'ai écrit une solution pour ce faire, à l'aide de jQuery et un simple TemplateCache objet:

    http://lostechies.com/derickbailey/2012/02/09/asynchronously-load-html-templates-for-backbone-views/

    Et j'ai récemment mis à jour le modèle de chargement d'utiliser un plugin jQuery appelé TrafficCop: http://lostechies.com/derickbailey/2012/03/20/trafficcop-a-jquery-plugin-to-limit-ajax-requests-for-a-resource/

    Espère que ça aide.

    OriginalL'auteur Derick Bailey