Ember.js Is there a way to create a custom #ID .class name instead of default ember?

Question

Is there a way to pass in a custom class or id namespace instead of the default ember?

example: turn this

    <body class="ember-application">
    <div class="ember-view"></div>
    </body>

into:

    <body class="myapp-application">
    <div class="myapp-view"></div>
    </body>

thierry · Accepted Answer

You can pass in a custom id, instead of the default "ember-[numview]".

Just set the elementId field of the Ember.View Class

var mainView = Ember.View.create({
  tagName: "section",
  elementId: "main"
})

will generate:

<section id="main" class="ember-view">
</section>

To remove/modify the default className "ember-view", you need find and edit the classNames field on the PrototypeMixin on the View class...

Em.View.PrototypeMixin.mixins[2].properties.classNames = []

var mainView = Ember.View.create({
  tagName: "section",
  elementId: "main"
})

will generate:

<section id="main">
</section>

No idea about the side effects...

Donate For Us