how can I use external templates with Marionette Backbone

Question

How exactly do I use an external template for my Marionette ItemView? I read so many 'methods' I can't get any of them working...

JST Method ... I'm not on rails so can't use this

Backbone.Marionette.Renderer.render = (template, data) ->
    path = JST["backbone/apps/" + template]
    unless path
        throw "Template #{template} not found!"
    path(data)

RequireJS Method ... I'm not using require js

var tpl = require(inject[this.templateName]);
this.template = _.template(tpl);

What method should I be using?

I think this may help http://stackoverflow.com/questions/15703896/use-handlebars-js-with-backbone-marionette — Eugene Glova, Jan 19 '14 at 11:38
same problem with handlebars, how do I get the content of the handlebar template file... — user391986, Jan 19 '14 at 22:17
You may use this approach http://johndavidmathis.wordpress.com/2012/09/13/preloading-backbone-marionette-templates-2/ — Eugene Glova, Jan 20 '14 at 20:18

Jon Miles · Answer 1 · 2014-01-20T15:29:33.570

I use Handlebars for my templating engine and hbs to retrieve the precompiled resource via require.js, that way all I have to do is define the template and set it as the ItemView's template; marionette does the rest.

Here's an example

View - welcome.js

define([
    'app',
    'jquery', 
    'backbone',
    'marionette', 
    'hbs!templates/welcome'
    ],
function(App, $, Backbone, Marionette, template) {

    return Backbone.Marionette.ItemView.extend({

        template: template,
    });
});

Template - welcome.html

<div>
    <h1>Hello World</h1>
</div>

If you're not using handlebars, or can't use hbs, then something similar can be done with text.js - https://github.com/requirejs/text

how can I use external templates with Marionette Backbone

1 Answers1