国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jquery > Jtemplates jquery模板引擎使用

Jtemplates jquery模板引擎使用

来源:程序员人生   发布时间:2013-11-14 03:56:59 阅读次数:3100次

  网(LieHuo.Net)教程 工作中需要在前端将json数据源绑定到页面html代码中,之前一直用组合html代码的形式编写,不太容易维护。Ms ajax4.0据说有一套模板引擎,只有预览版,而且看来比较复杂,不太能马上用。在网上找到一个jtemplates的js模板引擎,感觉还可以,适合用来在页面上动态绑定数据。

以下为引用的内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>jtemplates jquery模板引擎使用-LIEHUO.NET</title>
<script src="/Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="/Scripts/plugins/jquery-jtemplates.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
var data = [{ name1: "测试信息",id:"12" },{ name1: "测试信息",id:"12" }];
$("#result").setTemplateElement("template1");
$("#result").processTemplate(data);
});
</script>
</head>
<body>
<div>
<textarea id="template1" style="display: none;">
<table>
<thead>
<tr>
<td colspan="2">
fdaasfd
</td>
</tr>
</thead>
<tbody>
{#foreach $T as r}
<tr>
<td>
name:{$T.r.name1}
</td>
<td>
id:{$T.r.id}
</td>
</tr>
{#/for}
</tbody>
<tfoot>
</tfoot>
</table>
</textarea>
</div>

<div id="result"></div>
</body>
</html>

  转自:http://www.cnblogs.com/ericphi/

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生