首页 > Web开发 > 详细

jQuery模板插件jsrender

时间:2015-03-04 12:31:13      阅读:369      评论:0      收藏:0      [点我收藏+]

前几天学习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;
}

 //注,jsrender功能十分强大(据说比jstemplate渲染速度快很多),但小弟我才疏学浅啊,只用了其中一丢丢。。。

jQuery模板插件jsrender

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!