How would one refresh templates in ember (live)?

Question

During dev I would like to refresh my handlebar templates if they are saved live.

I already have a websocket channel that notifies me when a file saves. At that point I can force a reload of the particular template by updating a hash on the script tag src.

How can I notify all the Views that use this template that they need refreshing and force a refresh?

(How can I find them? How do I trigger a refresh?)

what about affecting a new templateName, like in http://stackoverflow.com/questions/9999064/ember-js-select-view-template-by-model-type-object-value/10006845#10006845. Could it work for you ? — sly7_7, Aug 17 '12 at 06:47

Sam Saffron · Answer 1 · 2013-05-14T07:13:43.440

7

note this works for simple templates, but not for ones that are rendered into outlets

Getting this going was rather tricky:

var js = "template.js";
var templateName = "template";

Ember.TEMPLATES["empty"] = Handlebars.compile("")

// script loaders are the simplest way of getting a callback 
$LAB.script(js).wait(function(){
  $.each(Ember.View.views,function(){
     if(this.get('templateName')==templateName){
       this.set('templateName','empty');
       this.rerender();
       this.set('templateName',templateName);
       this.rerender();
     }
  });
})

edited May 14 '13 at 07:13

answered Aug 29 '12 at 08:11

Sam Saffron

128,308
78
326
506

curious about this - could you explain what the script loader / getting the callback is doing? – Sherwin Yu May 15 '13 at 07:18

score 2 · Answer 2 · answered Aug 18 '12 at 03:44

In theory, you could do Ember.View.views.filterProperty('templateName', nameOfUpdatedTemplate).set('template', Ember.TEMPLATES[nameOfUpdatedTemplate]). That should force a re-render.

I have not tried this, and don't know what edge cases you might run into, but that would be the simplest approach I can think of.

How would one refresh templates in ember (live)?

2 Answers2