beforeObserver has been deprecated in Ember 1.10. Instead, use a manual cache: doSomething: Ember.observer( ‘foo’, function() { var foo = this.get(‘foo’); var oldFoo = this.get(‘_oldFoo’); if (foo === oldFoo) { return; } // Do stuff here this.set(‘_oldFoo’, foo); })
I’ve implemented an infinite scroll mechanism at the GitHub Dashboard project, I’m currently developing. The feature is added in commit 68d1728. The basic idea is to have a LoadMoreView which invokes the loadMore method on the controller every time the view is visible on the current viewport. I’m using the jQuery plugin inview for this. … Read more
They are all template helpers with the following main characteristics as described in emberjs guides. (http://emberjs.com/guides/templates/rendering-with-helpers/) 1.{{outlet}} – Renders a template based on the route determined by the router. Based on the route the corresponding controller and view are used. This is useful when rendering contents based on the route, which is the most common … Read more
I tried this and it seems to work, but its just a lot of guesswork on my part: Ember.Handlebars.registerHelper(‘renderComponent’, function(componentPath, options) { var component = Ember.Handlebars.get(this, componentPath, options), helper = Ember.Handlebars.resolveHelper(options.data.view.container, component); helper.call(this, options); }); and you use it the same way: {{#each widget in widgets}} {{renderComponent widget.componentClass widget=widget}} {{/each}}
The updated example below works with ember.js RC1 — 03/14/2013 First you need to add a pagination like mixin as one doesn’t yet exist in the ember core var get = Ember.get, set = Ember.set; Ember.PaginationMixin = Ember.Mixin.create({ pages: function() { var availablePages = this.get(‘availablePages’), pages = [], page; for (i = 0; i < … Read more
EDIT (2012-01-30): I pushed a more complete example in a repo on bitbucket. I have successfully used RequireJS to load Ember.js as well as the datetime addon (github). The Ember namespace itself stays global, but all of my application’s data, including my instance of Ember.Application, is kept within modules through RequireJS. I’m also loading the … Read more
You don’t necessarily need to recreate the Ember Data store. Ember works just fine with POJOs, you can also wrap your POJOs in an Ember Object to give you some fun built in features. That being said creating a custom adapter which caches results could be convenient. Here’s an example where I create an adapter … Read more
BASH: bower install –save bootstrap Brocfile.js: app.import(‘vendor/bootstrap/dist/js/bootstrap.js’); app.import(‘vendor/bootstrap/dist/css/bootstrap.css’); The JS will be added to the app.js, which is linked by default, and the CSS will be added to assets/vendor.css, which as of May 14th, is also added by default. For reference: http://www.ember-cli.com/#managing-dependencies In response to @Joe’s question surrounding fonts and other assets, I was unable … Read more
Ember 1.11+: {{#link-to “dashboard” tagName=”li”}} <a href=”https://stackoverflow.com/questions/11628489/{{view.href}}”>Dashboard</a> {{/link-to}} Ember < 1.11 (bind-attr required): {{#link-to “dashboard” tagName=”li”}} <a {{bind-attr href=”https://stackoverflow.com/questions/11628489/view.href”}}>Dashboard</a> {{/link-to}}
There are a couple of different ways you can solve this didInsertElement This is fired when the view is inserted on the first time, but not fired if the model is switched out under the view (because Ember likes to reuse items, since it’s cheaper than rebuilding the entire DOM). Example below. Simple If you … Read more