首页 > 代码库 > JsRender系列demo(9)自定义函数
JsRender系列demo(9)自定义函数
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript" src="http://www.mamicode.com/scripts/jquery.js"></script> <script type="text/javascript" src="http://www.mamicode.com/scripts/jquery-ui.js"></script> <script type="text/javascript" src="http://www.mamicode.com/scripts/jsrender.js"></script> <link href="http://www.mamicode.com/scripts/demos.css" rel="stylesheet" /> <link href="http://www.mamicode.com/scripts/movielist.css" rel="stylesheet" /></head><body> <script id="movieTemplate" type="text/x-jsrender"> <td>{{>~format(title, "upper")}}</td>//逗号，和“upper”之间一定要空一格 <td>{{for languages}}{{>~format(name, "lower")}}{{/for}}</td> </script> <table> <thead> <tr> <th>Title</th> <th>Languages</th> </tr> </thead> <tbody id="movieList"></tbody> </table> <script type="text/javascript"> $.views.helpers({ format: function (val, format) { var ret; switch (format) { case "upper": return val.toUpperCase(); case "lower": return val.toLowerCase(); } } }); var movie = { title: "Eyes Wide Shut", languages: [ { name: "French" }, { name: "German" }, { name: "Spanish" } ] }; $("#movieList").html( $("#movieTemplate").render(movie) ); </script></body></html>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。