我正在寻找一个模板引擎使用客户端。我一直在尝试一些像jsRepeater和jQuery模板。虽然它们在FireFox中运行正常,但在IE7中呈现HTML表格时似乎都崩溃了。
我还查看了MicrosoftAjaxTemplates.js(来自http://www.codeplex.com/aspnet/Release/ProjectReleases.aspx?ReleaseId=16766),但结果发现它也有同样的问题。
对使用其他模板引擎有什么建议吗?
我正在寻找一个模板引擎使用客户端。我一直在尝试一些像jsRepeater和jQuery模板。虽然它们在FireFox中运行正常,但在IE7中呈现HTML表格时似乎都崩溃了。
我还查看了MicrosoftAjaxTemplates.js(来自http://www.codeplex.com/aspnet/Release/ProjectReleases.aspx?ReleaseId=16766),但结果发现它也有同样的问题。
对使用其他模板引擎有什么建议吗?
当前回答
这取决于你如何定义“最好”,请参阅我关于这个主题的帖子
如果你寻找最快的,这里有一个很好的基准,似乎DoT赢了,把其他所有人都甩在后面
如果你正在寻找最官方的JQuery插件,下面是我找到的
第一部分:JQuery模板
beta版,暂时正式的JQuery模板插件是这样的 http://api.jquery.com/category/plugins/templates/
但显然,不久之前,它决定保持在Beta…
注意:jQuery团队已经决定不再使用此插件的beta版。 它不再被积极地开发或维护。的文档 暂时留在这里(作参考),直到合适的时机到来 替换模板插件准备就绪。
第二部分:下一步
新的路线图似乎是针对一组新的插件,JSRender(独立于DOM甚至JQuery模板渲染引擎)和JSViews,它们有一些不错的数据绑定和观察者/可观察模式实现
这里是关于这个主题的博客文章
http://www.borismoore.com/2011/10/jquery-templates-and-jsviews-roadmap.html
这是最新的消息来源
JSViews https://github.com/BorisMoore/jsviews JSRender https://github.com/BorisMoore/jsrender
其他资源
关于这个主题的一个很好的演示http://www.slideshare.net/BorisMoore/jsviews-next-generation-jquery-templates 工作演示:http://borismoore.github.com/jsviews/demos/index.html
请注意,它甚至还没有beta版,只是一个路线图项目,但似乎是一个很好的候选人,成为模板和UI绑定的正式JQuery/JQueryUI扩展
其他回答
其他人指出jquery-tmpl,我对这些答案投了好评。但一定要看看github fork。
有重要的修复和有趣的功能。 http://github.com/jquery/jquery-tmpl/network
如果你在。net Framework 2.0/3.5中工作,你应该看看由http://JsonFx.net实现的JBST。它有一个客户端模板解决方案,该解决方案具有熟悉的JSP/ASP语法,但在构建时预编译了紧凑的可缓存模板,不需要在运行时解析。它可以很好地与jQuery和其他JavaScript库一起工作,因为模板本身被编译为纯JavaScript。
我使用jtemplates jquery插件,但性能真的很差。我切换到trimpath (http://code.google.com/p/trimpath/wiki/JavaScriptTemplates),它的性能要好得多。我没有发现IE7或FF有任何问题。
只能做个傻瓜^^
// 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/。)
查看Rick Strahl的帖子jQuery客户端模板。他探讨了jTemplates,但随后更好地说明了John Resig的微模板解决方案,甚至对其进行了一些改进。很好的对比,大量的样本。