Including a view within a view

in CanJS • 1 year ago

Hi!

How can I do this with CanJs? I have a view (ejs) that prints some html and X containers. Within each of these containers I want to include another ejs view that prints the content in the container. can.view returns a DocumentFragment instead of a string so I cant render it in the ejs, and if I use can.view.render it wont get resolved as DOM-elements when the ejs gets rendered for some reason. Any ideas?

<h1>Some containers with content</h1>
<% $.each(this, function(i, product) { %>
<section class="<%= i === 0 ? 'first ' : '' %>roundCorners">
<%= can.view('views/product', {
name : product.name,
price : product.price,
source : product.src'
}) %>
</section>
<% }); %>

Replies(2)

Roel

Re: Including a view within a view

1 year ago

use <%==

Use <%== CODE %> when rendering subtemplates:

http://canjs.us/#can_ejs

mvcyonder

Re: Including a view within a view

1 year ago

Ah, yes, I missed that in the documentation. For those intrested, who do not want to look there, the way to include views within views is to combine the above with view.render: <%== can.view.render('view', {}); %>

I've noticed something else though, and I don't know what's going on.

There is another place where I'm simply doing: $('.element').html(can.view('template', {})) on a click. It fetches the html in template.ejs and places in the .element container. It works doing 2 clicks, but on the 3rd, no template.ejs is fetched. The result (using chrome dev tools) is an empty document fragment - which simply clears the .element container. What could cause the can.view to return an empty document fragment?

edit

Using can.view.render works everytime, only can.view which returns a document fragment fails after being loaded 3 times

Top Reply

Response title

Attachments

New to this Portal?