JQuery templating engines

views:

21472

answers:

+61 Q:

JQuery templating engines

I am looking for a template engine to use client side. I have been trying a few like jsRepeater and jQuery Templates. While they seem to work OK in FireFox they all seem to break down in IE7 when it comes down to rendering HTML tables.

I also took a look at MicrosoftAjaxTemplates.js (from http://www.codeplex.com/aspnet/Release/ProjectReleases.aspx?ReleaseId=16766) but turns out that has the same problem.

Any advice on other templating engines to use?

I'm totally satisfied with the XSLT/XML. It's main disadvantage it the learning curve: it took me about two weeks to understand the basics and a month to switch the developing to it

andy.gurin 2008-10-04 11:29:59

Not really a fix for this.

knowncitizen 2010-03-09 17:47:09

xml/xslt can also be used client side on some browsers to create templates

jujule 2010-04-16 09:16:07

Only some browsers support it. And it doesn't really have a good mechanism for defaulting on browsers that don't support it. And JSON is a lot neater to ferry around than XML. And it's weird to get your head round. And there are some things that are really quite difficult to achieve in it, that would be easy in anything else. All counted, not a recommended solution to anything.

Marcus Downing 2010-08-10 14:17:34

Just a thought, you can process/use Javascript in XSLT (at least in some, I am not knowlegable in all browsers on this point).

Mark Schultheiss 2010-09-22 14:11:04

+10 A:

Not sure how it handles your specific problem, but there's also the PURE template engine.

Christian Vest Hansen 2008-10-04 13:33:24

besides its limitations, PURE is very easy to use

Jader Dias 2010-08-12 16:10:46

@Jader, what limitations are the most painful?

Mic 2010-09-23 10:21:47

@Mic PURE is limited by design. In server-side template engines you don't have to stick to valid HTML, but PURE is based on HTML. But I think there are quirks that would a allow another javascript template engine to be as powerful as the server side ones.

Jader Dias 2010-09-23 11:46:06

@Jader, ok for HTML only. But I didn't get what do you mean by quirks and another engine.

Mic 2010-09-23 12:08:51

@Mic PURE should have to be rewritten from scratch to allow some features to be included. To allow invalid HTML templates you should use `script` tags with attribute `type` different from `text/javascript`. This is one "quirk" that would allow invalid HTML.

Jader Dias 2010-09-23 13:00:51

+3 A:

This isn't jsquery specific, but here's a JS-based templating library released by google as open source:

http://code.google.com/p/google-jstemplate/

This allows using DOM elements as templates, and is re-entrant (in that the output of a template rendering is still a template that can be re-rendered with a different data model).

levik 2008-10-04 13:40:11

+45 A:

Check out Rick Strahl's recent post Client Templating with jQuery. He explores jTemplates, but then makes a better case for John Resig's micro-templating solution, even improving it some. Good comparisons, lots of samples.

ewbi 2008-10-15 03:01:45

+1 for "Client Templating with jQuery"

Amr ElGarhy 2010-02-24 12:37:22

http://github.com/jquery/jquery-tmpl is the actual repo of Resig's templating plugin.

Thr4wn 2010-07-17 17:50:40

@Thr4wn, the source at the repro is significantly then the library discussed in the linked articles. Both by Resig though, sure.

Frank Schwieterman 2010-07-25 18:38:23

@Frank "the source at the repro is significantly then the library discussed in the linked articles" Um huh? Say what? Not sure what you mean by this at all.

Mark Schultheiss 2010-07-29 12:33:34

@Mark: he meant "significantly different than."

Domenic 2010-09-20 06:35:34

+1 A:

John Resig has one that's he's posted on his blog. http://ejohn.org/blog/javascript-micro-templating/

morgancodes 2009-05-18 14:35:38

+1 A:

If you're working in the .NET Framework 2.0/3.5, you should take a look at JBST as implemented by http://JsonFx.net. It has a client-side templating solution that has familiar JSP/ASP syntax but is precompiled at build-time for compact cache-able templates that don't need to be parsed at runtime. It works well with jQuery and other JavaScript libraries as the templates themselves are compiled to pure JavaScript.

McKAMEY 2009-05-19 03:53:05

+7 A:

jQuery Nano: http://github.com/trix/nano

Tomasz Mazur 2009-08-07 07:13:10

+15 A:

jQote: http://aefxx.com/jquery-plugins/jqote/

Someone took Resig's micro-templating solution and packaged it into a jQuery plugin.

I'll be using this until Resig releases his own (if he releases his own).

Thanks for the tip, ewbi.

KevBurnsJr 2009-08-17 10:27:09

I actually just implemented this into production and it's working rather nicely

lomaxx 2010-05-01 11:37:21

This has now become jQote2: http://aefxx.com/jquery-plugins/jqote2/

Alex Angas 2010-06-20 23:57:43

hey i suggest you to use jquery ui templates from flashmint, saves some time and money. http://www.flashmint.com/show-type-jquery.html

jq 2010-03-16 11:29:47

+1 A:

I was using jtemplates jquery pluging but the performance was really bad. I switched to trimpath (http://code.google.com/p/trimpath/wiki/JavaScriptTemplates) which has much better performance. I haven't noticed any issues with IE7 or FF.

EShy 2010-04-28 21:21:20

+20 A:

Just did some research on this and I'll be using jquery-tmpl. Why?

It's written by John Resig.
It'll be maintained by the core jQuery team as an "official" plugin.
It strikes a perfect balance between simplicity and functionality.
It has a very clean and well thought out syntax.
It HTML-encodes by default.
It's highly extensible.

More here: http://forum.jquery.com/topic/templating-syntax

Todd Menier 2010-07-16 15:47:20

+1. But I used Rick Strahl's. Bcoz it's a small one and serves my purpose well.

Ismail 2010-07-17 11:31:08

it was just announced that this is now official plugin

serg 2010-10-07 21:35:50

+2 A:

Others have pointed jquery-tmpl, and I have upvoted those answer. But be sure to have a look at github forks.

There are important fixes out there and interesting features too. http://github.com/jquery/jquery-tmpl/network

Yann 2010-07-29 04:43:37

Any particular fork to look at for fixes?

Kevin Hakanson 2010-08-06 15:43:18

TBH, it's a bit messy...I went for http://github.com/appendto/jquery-tmpl after a quick scan on the changes and considering the fact that appendto is a company. YMMV

Yann 2010-08-10 22:11:30

jquery-tmpl has been folded in the official 1.4.3 distribution.

Yann 2010-10-14 05:30:32

+5 A:

jQuery-tmpl will be in the jQuery core beginning in jQuery 1.5:

http://blog.jquery.com/2010/10/04/new-official-jquery-plugins-provide-templating-data-linking-and-globalization/

The official documentation is here:

http://api.jquery.com/category/plugins/templates/

jonsequitur 2010-10-07 15:41:14

ansaurus

tags:

views:

answers:

JQuery templating engines

related questions