jsrender使用及扩展.ppt

《jsrender使用及扩展.ppt》由会员分享，可在线阅读，更多相关《jsrender使用及扩展.ppt（18页珍藏版）》请在装配图网上搜索。

1、Jsrender使用及扩展,Jsrender,是下一代的jQuery模板，专为高性能的纯字符串渲染而优化jquerytemplate,为什么要用js模板,Js代码与html结构代码混合后续维护困难,使用jsrender后,Html结构定义在模板中在模板中使用标签,Jsrender使用准备,下载jquery和jsrenderjs包JqueryJsrender在页面导入,了解后台返回json对象格式,Json对象格式化,定义jsrender模板,在head中定义模板，type=“text/x-jsrender”,jsrender模板标签说明,循环：for数组yourcode/for赋值：:对象属性

2、名称判断：if表达式yourcodeelseyourcode/if注意elseif直接用else,jsrender模板标签说明,嵌套循环后台json,jsrender模板标签说明,模板中嵌套循环在子循环中，使用父对象,jsrender模板标签说明,嵌套判断,jsrender模板标签说明,组合表达式,Jsrender的扩展,转换器使用场景：没有额外参数例如：金额前加“$”或转换时间等通过$.views.converters注册转换器在页面中使用,Jsrender的扩展,自定义标签使用场景：有额外的参数，需要处理例如：设置radio或checkbox选中，需要判断checkbox的value和输入的值是否相同通过$.views.tags注册标签,Jsrender的扩展,根据多个参数进行复杂处理,Jsrender的扩展,自定义标签的使用案例判断题答案选中(checked)标签单选和多选选中标签填空题根据()生成多个输入框,并回填值,Jsrender的使用效果,