Thanks for the jQote2 templates. Its great. But few days ago I ran into problems: I have some complex json object which contain another json objects which may contain another objects. For example: School -> classes -> students.

I need to render template for the parent object (eg “school”), then inside it render template for nested objects (eg “school class”), then for every nested object I need to render template for its nested objects (if there are any).

I have no idea how to call template from inside another template.

Tell me please if it is possible and if so then be so kind and provide me some basic examples.

Thank you very much.

David Votrubec

I’ve replied to your question on stackoverflow. Please see here.

http://stackoverflow.com/questions/7690453/json-element-is-null-resulting-in-uncaught-typeerror-unknown-message-template

Many thanks!

This is because the template data is retrieved as innerHTML which jQuery automatically escapes so that, for instance, becomes

should’ve read (without WP’s censorship):

This is because the template data is retrieved as innerHTML which jQuery automatically escapes so that, for instance, becomes & l t ; %= this.name % & g t ;

(added some spaces to prevent auto-editing :-).

Also, the unescapeHTML is on jsfiddle at http://jsfiddle.net/vwal/kFAtd/

As one of the requirements of these projects is to be better able to organize code, I also wanted to be able to save templates into ‘collections’ (several templates per file). In your response to Brad on June 24th, 2010, you gave a very good example on how to go about accomplishing just that. As I’ve been testing such setup tonight, I noticed that when jqotec is applied against the templates filtered into an array from the file, the templates fail to compile. This is because the template data is retrieved as innerHTML which jQuery automatically escapes so that, for instance, becomes <%= this.name %>

To avoid this I converted an old Prototype escape plugin to jQuery plugin and applied it to the template content retrieved from the file before it reaches jqotec, like this:

templates[this.id] = $.jqotec($.unescapeHTML(this.innerHTML));

After doing this, everything’s working perfectly! Perhaps there a more elegant way to go about this, but this does the trick.

Here’s the simple unescapeHTML plugin code:

(function($) {

$.fn.unescapeHTML = function(string) {
return $.unescapeHTML(string);
}

$.unescapeHTML = function(str) {
var str = str.replace(/\&lt\;/g, ”).replace(/\&quot\;/g, ‘”‘).replace(/\&amp\;/g, “&”);
return str;
}
})(jQuery);

Thanks so much

Dude, your plugin blows me away!! I’m building a web app, and this will save soo much bandwith.

Have a quick question for you though. Can I trigger an event to re-render the template? Say if a user is logged out and I need to display different things to him once he’s logged out? The pages in Jquery mobile never really refresh, it’s mostly ajax, so that’s why I need it. Thanks!

Thank you so much for helping me out. It works perfect for me. I did quite a lot of research about jQuery template engines before I decided to go with yours. It’s very easy to learn, in fact i was able to use it in my project with in 2 hours of reading the API reference. And in 2 weeks i finished a major project which was estimated for 4 weeks.

Great job and thanks again,
Vani