jsrender页面数据的展示
来源:互联网 发布:《唯有落花知》 编辑:程序博客网 时间:2024/05/15 06:01
页面上面的代码:
首先引用
<link rel="stylesheet" type="text/css" href="jquery.pagination.css" />
<script type="text/javascript" src="jquery.pagination-1.2.3.js"></script>
<script type="text/javascript" src="jsrender/jsrender.min.js"></script>
显示的位置
<div >
数据展示
</div>
<ul>
<li>
<table width="100%" id="mm6">
<tr>
<th align="center">字段1</th>
<th align="center">字段2</th>
<th align="center">字段3</th>
<th align="center">字段4</th>
<th align="center">字段5</th>
</tr>
</table>
</li>
<li>
<ul id="pager6" class="pager1"></ul>
</li>
</ul>
</div>
<!-- 渲染模板-->
<script id="page_tmp6" type="text/x-jsrender">
<tr>
<td align="center" >{{subString:mmName 8}}</td>
<td align="center">{{:periods}}</td>
<td align="center" >{{:yeaRate}}</td>
<td align="center">{{:planPaymentsMoney}}</td>
<td align="center">{{:intentDate}}</td>
</tr>
</script>
<!--截串-->
<script type="text/javascript">
$.views.converters("subString", function(val,num) {
return val.substr(0,num);
});
</script>
<!--调用请求-->
<script type="text/javascript">
function addPage(params,showParams,stateParams){
$("#pager"+params).page({
pageSize: 3,//每页展示的个数
remote: {
url: '${base}/action.do', //请求地址
params: {"show":showParams,"state":stateParams},
callback: function (result) {
var data=result.result;
var tr=$("#mm"+params).find('tr')[0];
$("#mm"+params).empty().append(tr).append($("#page_tmp"+params).render(data));
}
}
})
}
</script>
- jsrender页面数据的展示
- jsrender 绑定数据
- 页面jsp展示java数据的标签
- jsRender的使用
- jsrender的使用总结
- JsRender
- jsp页面展示json数据
- 页面数据展示的太长,怎么让他自动换行
- 【Django】本地csv数据的页面table展示
- jsp页面中判空及date类型数据的格式化展示
- springmvc导出页面上展示的数据到cvs文件
- 数据的图表展示
- WebView的数据展示
- 前台JSP页面以表格展示数据的过程中出现了重复数据
- 内容详细页面的展示
- jsp页面 时间的展示
- 用户名失去焦点ajax请求后台,页面以下拉列表的形式展示相应的数据
- flex的获取远程服务器端返回数据并在页面展示
- LeetCode || Maximal Rectangle
- poj 1637 最大流解混合图欧拉回路
- python 多线程
- oracle学习4
- How to Use OpenCV in Android Studio
- jsrender页面数据的展示
- ios的单元测试
- java 简单的TCP接收数据与发送数据
- android之--adb环境变量配置
- bat实现ftp上传
- sharedUserID的使用
- 静态内部类的使用场景
- LVTTL与LVCMOS区别
- javascript 原型继承介绍