JsRender系列demo(1)-insert-data

浏览数：82 / 时间：2015年06月09日

<!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="scripts/jquery.js"></script>
    <script type="text/javascript" src="scripts/jquery-ui.js"></script>
    <script type="text/javascript" src="scripts/jsrender.js"></script>
    <link href="scripts/demos.css" rel="stylesheet" />
   
</head>
<body>
     <script type="text/x-jsrender" id="movieTemplate">
         <div>{{:#index+1}}:<b>{{>name}}</b>出版日期:{{>releaseYear}}</div>
    </script>
    <div id="movieList"></div>
    <script type="text/javascript">
        var movies = [
            { name: "Cupid", releaseYear: "1998" },
            { name: "陌上花开", releaseYear: "1999" },
            { name: "Tina", releaseYear: "1976" }
        ];

        // Render the template with the movies data and insert
        // the rendered HTML under the "movieList" element
        //$("#movieList").html(
        //    $("#movieTemplate").render(movies)
        //);
        $("#movieList").html($("#movieTemplate").render(movies));

</script>
</body>
</html>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签：