jQuery模板插件jsrender

最新推荐文章于 2025-09-09 16:55:30 发布

weixin_34334744

最新推荐文章于 2025-09-09 16:55:30 发布

阅读量106

点赞数

CC 4.0 BY-SA版权

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/jasonzeng/p/4312766.html

本文介绍了如何使用jsRender模板引擎来循环展示数据。通过简单的步骤展示了如何加载必需的库文件，定义模板，并将数据传递给模板进行渲染。此外，还提供了一个自定义辅助函数的例子，以增强模板的功能。

前几天学习jqm+phonegap,用到了一个jquery插件jsrender，（由于app不能用asp.net的服务端控件了，所以我也是醉了。。。）,用于循环展示一下数据。

下面是我用到的几个简单用法：

//code belows

<!--step one--> 
<script src="js/lib/jquery-2.1.3.js"></script>
<script src="js/lib/jsrender.js"></script>
<!--step two-->
<script type="text/x-jsrender" id="tmpl">
            <li><p>匿名：{{:contents}}</p>
                <p>{{:~cvt(times)}}</p>
            </li>
</script>
//step three
//m为ajax返回的json对象
 var html = $("#tmpl").render(m, { cvt: addSome });
//html循环后的html代码，cvt可以传js方法给模板调用
 function addSome(time)
{
  return "时间:" + time;
}