MVC - 11（下）.jquery.tmpl.js 接收JSON类型数据循环

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

继续 mvc-11（上）.dto：http://www.cnblogs.com/tangge/p/3840060.html

jquery.tmpl.js 下载：http://pan.baidu.com/s/1o68w7Ke

 

1.前台

Index.cshtml

@{
    ViewBag.Title = "学员列表";
}
@section headSection{
    <script type="text/x-jquery-tmpl" id="trtemp">
        <tr>
            <th>${StudentID}</th>
            <th>${Cid}</th>
            <th>${Name}</th>
            <th>${Gender}</th>
            <th>操作</th>
        </tr>
    </script>

    <script type="text/javascript">
        $(function () {
            //0.关闭Jquery的浏览器缓存
            $.ajaxSetup({ cache: false });
            loadPageList(1);
        });
        
        //根据页码 异步请求数据
        function loadPageList(pageIndex) {
            $.get("/Stu/List/" + pageIndex, null, function (jsonData) {
                if (jsonData.Statu=="OK") {
                    //alert(jsonData.Msg);
                    $("#trtemp").tmpl(jsonData.Data.PageData).appendTo("#tableList");
                }
                alert(jsonData.msg);
            },"json");
        }
    </script>
}
<table id="tableList" border="1" cellspacing="0" cellpadding="0" width="100%">
    <tr>
        <th>ID</th>
        <th>班级名</th>
        <th>姓名</th>
        <th>性别</th>
        <th>操作</th>       
    </tr>
</table>

 

但是要报错

TypeError: $(...).tmpl is not a function

$("#trtemp").tmpl(jsonData.Data.PageData).appendTo("#tableList");

 

找了半天原因,结果查看页面源代码

 

这里，在_Layout.cshtml里面，引入juqey和tmpl，然后注释调

@Scripts.Render("~/bundles/jquery")

MVC - 11（下）.jquery.tmpl.js 接收JSON类型数据循环,古老的榕树,5-wow.com

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

标签： class 代码 style java html src class 代码 style java html src

相关文章

随机文章

您可能还喜欢

您可能还喜欢