1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title></title>
  6. <script type="text/javascript" src="scripts/jquery.js"></script>
  7. <script type="text/javascript" src="scripts/jquery-ui.js"></script>
  8. <script type="text/javascript" src="scripts/jsrender.js"></script>
  9. <link href="scripts/demos.css" rel="stylesheet" />
  10. <link href="scripts/movielist.css" rel="stylesheet" />
  11. </head>
  12. <body>
  13. <h3>Using {{if}} and {{else}} to render conditional sections.</h3>
  14.  
  15. <script type="text/x-jsrender" id="movieTemplate">
  16. <tr>
  17. <td>{{>title}}</td>
  18. <td>{{if languages}}
  19. Alternative languages:<em>{{>languages}}</em>
  20. {{else subtitles}}
  21. Original language only...
  22. <br />
  23. subtitles in <em>{{>subtitles}}</em>
  24. {{else}}
  25. Original version only, without subtitles.
  26. {{/if}}</td>
  27. </tr>
  28. </script>
  29.  
  30. <script type="text/javascript">
  31. var movies = [
  32. {
  33. title: "Meet Joe Black",
  34. languages: "English and French",
  35. subtitles: "English"
  36. },
  37. {
  38. title: "Eyes Wide Shut",
  39. subtitles: "French and Spanish"
  40. },
  41. {
  42. title: "The Mighty"
  43. },
  44. {
  45. title: "City Hunter",
  46. languages: "Mandarin and Chinese"
  47. }
  48. ];
  49.  
  50. $("#movieList").html($("#movieTemplate").render(movies));
  51. </script>
  52. 　　
  53.  
  54. </body>
  55. </html>

　　

JsRender系列demo(4)-if else的更多相关文章

  1. JsRender系列demo(9)自定义函数

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  2. JsRender系列demo(7)compline

    <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery.j ...

  3. JsRender系列demo(6)-无名

    <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery.j ...

  4. JsRender系列demo(5) for else

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  5. JsRender系列demo(3)-自定义容器

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  6. JsRender系列demo(2)多模板-template

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  7. JsRender系列demo(1)-insert-data

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  8. JsRender系列-11

    <!DOCTYPE html> <html> <head> <script type="text/javascript" src=&quo ...

  9. JsRender系列demo-10

    <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery.j ...

随机推荐

  1. C++ 11 之Lambda

    1.Lambda表达式来源于函数式编程,说白就了就是在使用的地方定义函数,有的语言叫“闭包”,如果 lambda 函数没有传回值(例如 void ),其回返类型可被完全忽略. 定义在与 lambda ...

  2. bzoj 1009:[HNOI2008]GT考试

    这道题机房n多人好久之前就A了…… 我到现在才做出来…… 一看就是DP+矩阵乘法,但是一开始递推式推错了…… 正确的递推式应该是二维的…… f[i][j] 表示第准考证到第 i 位匹配了 j 位的方案 ...

  3. windows phone 自定义铃声

    屌丝的电话是一个月都响不了几次的,无聊还是下了一个XX铃声,自娱自乐一下,google了一下实现原理,,,,,,真相啊!!!就是用了一个Task(SaveRingtoneTask),以前看的资料都没有 ...

  4. WCF 服务的ABC之地址（五）

    地址 Address 在WCF中,每个服务都有一个唯一的地址(Address). 地址包含两个重要的元素:服务位置及传输协议. 服务位置包含目标机器名.站点.通信端口.管道(或队列),以及一个可选的特 ...

  5. 读取XML

    public sealed class ConfigManger { public XDocument XmlDocs { set; get; } string path = @"{0}\C ...

  6. 【Qt】QSettings读写注册表、配置文件【转】

    简述 一般情况下,我们在开发软件过程中,都会缓存一些信息到本地,可以使用轻量级数据库sqlite,也可以操作注册表.读写配置文件. 关于QSettings的使用前面已经介绍过了,比较详细,见“更多参考 ...

  7. winform 批量导入本地sql文件，批量导入mdb（access）文件到sqlserver

    0.数据库连接 private void button1_Click(object sender, EventArgs e) { this.btnUpdate.Enabled = false; #re ...

  8. .NET SOCKET通信编程

    1 using System; 2 using System.Net; 3 using System.Net.Sockets; 4 using System.Text; 5 6 public clas ...

  9. Ubuntu下PHP开发配置（新增redis、sphinx、sqlserver相关配置）

    由于本人比较懒,所以一般都是用xampp的直接拿来改的…………(当然xampp中一般php版本都是比较新的用的过程中请大家注意哈,可能会和老版本冲突) 此次除了使用xampp外,还扩展了sphinx, ...

  10. C# 访问控制：public、private、protected和internal

    平日工作时最常用的访问控制符是public和private,当看到prism里面大量使用protected的时候,觉得还是不太理解为啥. 所以就静下心来查找并理解了一下,这里记录下,以便回顾和交流. ...