extra div insert when using RegionManager and CompositeRegion about backbone.marionette

[Alex-Shilman]

It would be great to set tagName: false similarly how we do template: false

[mxriverlynn]

this is generated by Backbone's views, and isn't specific to Marionette. When a Backbone view is created, it will generate a <div> for you, in it's el attribute. You can specify any tag name you want using the tagName attribute on the view. Or if you don't want backbone to to use it's generated element, you can replace it by calling setElement(...) on the view or by configuring the el attribute in the view definition.

[ludovicbret]

thank you !

[omares]

Hey, i am loading templates via the requirejs text plugin. My template includes the outer div and all its classes, so when rendering the region i also get an extra div (which tbh doesnt hurt much but i would like to remove it).

The perfect option would be to tell the view to use the outer div of my template. How could i solve that? Or is this a no go?

[mxriverlynn]

same way: call setElement and pass in the final HTML that you want the view to have.

from within Marionette's views, you could do this in the onRender event, or override the render method to do this for you

[laurentdebricon]

Just a little sum up of my inquiry :
Marionette View inherit from BackboneView, and sadly : http://backbonejs.org/docs/backbone.html#section-158, Backbone call "this._ensureElement();" which create a div if no el is provided.

So If you don't want a div that wrap your template :

<script type="text/html" id="myTemplate">
<h4 class="myClass">Hello Marionnette<h4>
</script>

change it to :

<script type="text/html" id="myTemplate">
Hello Marionnette
</script>

and edit your View and provide "el : "<h4 class='myClass'>" in your View properties.
Or tagName : "h4", className : "myClass"

I hope this helps someone :)