我正在寻找一个模板引擎使用客户端。我一直在尝试一些像jsRepeater和jQuery模板。虽然它们在FireFox中运行正常,但在IE7中呈现HTML表格时似乎都崩溃了。

我还查看了MicrosoftAjaxTemplates.js(来自http://www.codeplex.com/aspnet/Release/ProjectReleases.aspx?ReleaseId=16766),但结果发现它也有同样的问题。

对使用其他模板引擎有什么建议吗?


当前回答

jQuery-tmpl将在jQuery 1.5开始在jQuery核心:

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

官方文件如下:

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


编辑:它已经从jQuery 1.5中删除了,现在将由jQuery UI团队协调,因为它将成为即将到来的jQuery UI Grid的依赖项。

http://blog.jquery.it/2011/04/16/official-plugins-a-change-in-the-roadmap/

其他回答

您可能需要考虑一下如何设计模板。

列出的许多模板解决方案(jquote、jquery-tmpl、jTemplates)的一个问题是,它们要求您在HTML中插入非HTML,在HTML工具中或在HTML设计人员的开发过程中使用这一点可能很痛苦。我个人不喜欢这种方法的感觉,尽管它有优点和缺点。

还有另一类模板方法,它们使用普通HTML,但允许您用元素属性、CSS类或外部映射来指示数据绑定。

Knockout是这种方法的一个很好的例子,但我自己没有使用过,所以我把它留给投票来决定其他人是否喜欢它。至少在我有时间玩它之前。

作为另一个答案列出的PURE是这种方法的另一个例子。

作为参考,你也可以看看chain.js,但它似乎自最初发布以来没有更新太多。有关它的更多背景信息,请参阅http://javascriptly.com/2008/08/a-better-javascript-template-engine/。

jQuery-tmpl将在jQuery 1.5开始在jQuery核心:

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

官方文件如下:

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


编辑:它已经从jQuery 1.5中删除了,现在将由jQuery UI团队协调,因为它将成为即将到来的jQuery UI Grid的依赖项。

http://blog.jquery.it/2011/04/16/official-plugins-a-change-in-the-roadmap/

查看Rick Strahl的帖子jQuery客户端模板。他探讨了jTemplates,但随后更好地说明了John Resig的微模板解决方案,甚至对其进行了一些改进。很好的对比,大量的样本。

只能做个傻瓜^^

// LighTest TPL
$.tpl = function(tpl, val) {
    for (var p in val)
        tpl = tpl.replace(new RegExp('({'+p+'})', 'g'), val[p] || '');
    return tpl;
};
// Routine...
var dataObj = [{id:1, title:'toto'}, {id:2, title:'tutu'}],
    tplHtml = '<div>N°{id} - {title}</div>',
    newHtml    = '';
$.each(dataObj, function(i, val) {
     newHtml += $.tpl(tplHtml, val);
});
var $newHtml = $(newHtml).appendTo('body');

http://jsfiddle.net/molokoloco/w8xSx/。)

这不是特定于jsquery的,但这里有一个由谷歌发布的开源的基于js的模板库:

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

这允许使用DOM元素作为模板,并且是可重入的(即模板呈现的输出仍然是一个模板,可以使用不同的数据模型重新呈现)。