jquery使用模板动态生成数据
2017-02-27 14:42
155 查看
1.引入js文件
<script src="__JS__/template.js" type="text/javascript"></script>
2.规定要显示内容的div
<div id="sortGoodsBox"> </div>
3.jquery显示的模板内容
<script id="sortGoodsTemplate" type="text/html">
{{each list as value i }}
<p class="list-group-item-heading">
{{value.name}}
</p>
{{/each}}
</script>
4.juery获取数据
var data={'list': list};
vat _html=template("sortGoodsTemplate",data);
$("#sortGoodsBox").append(_html);
<script src="__JS__/template.js" type="text/javascript"></script>
2.规定要显示内容的div
<div id="sortGoodsBox"> </div>
3.jquery显示的模板内容
<script id="sortGoodsTemplate" type="text/html">
{{each list as value i }}
<p class="list-group-item-heading">
{{value.name}}
</p>
{{/each}}
</script>
4.juery获取数据
var data={'list': list};
vat _html=template("sortGoodsTemplate",data);
$("#sortGoodsBox").append(_html);
相关文章推荐
- silverlight3 datagrid c#中动态生成模板列(日期格式)使用IValueConvert对绑定数据的格式化操作
- 使用jquery的tmpl动态加载数据模板
- 使用POI分段落生成纯Word动态模板并导入数据
- jQuery中动态生成数据使用on绑定无效的问题;
- 使用jquery生成动态表格并选择每行数据
- C# 把数据集生成为JSON格式 并在使用Jquery 获取JSON数据
- 使用Sharepoint列表数据的jQuery模板
- .NET动态生成DataSet下使用DataAdapter保存数据时,如何生成command语句及使用事务(转)
- Java操作Excel之理解JXL--读取Excel模板动态写入数据并生成Excel
- ListView动态加载数据模板(使用代码布局)
- 使用jquery动态生成的标签,需要在代码当中绑定才可以实现事件的监听
- ListView动态加载数据模板(使用xml布局)
- 使用该JavaBean可以将数据在JSP页面中以表格的形式显示出来,并具有动态排序、动态生成查询、自动分页功能
- 【android动态布局】之【ListView动态加载数据模板(使用xml布局)】
- Silverlight实用窍门系列:9.动态生成实体类,根据XML模板使用Emit生成动态类绑定到DataGrid【附代实例源码】
- 如何使用动态创建模板列并绑定数据(GridView,Repeater,DataGrid)
- SolpartMenu的使用:(二)、在ASP.NET页面中使用SolpartMenu控件之动态的加载数据库中的数据来生成菜单
- 使用jQuery动态创建一个表格,根据用户数输入的内容添加一行数据
- 推荐.NET使用Aspose.Words动态生成word文档数据表格(附Aspose.Words for NET 6.5 破解版下载)