博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrapTable
阅读量:6005 次
发布时间:2019-06-20

本文共 2521 字,大约阅读时间需要 8 分钟。

hot3.png

@ResponseBody	@RequestMapping(value = "/queryStudent.json", method = GET)	@ApiOperation(value = "查询学生")	public JsonData
studentQueryByNameOrPhone(@RequestParam(required = false) String keyword, @RequestParam(required = false, defaultValue = "10") int limit, @RequestParam(required = false, defaultValue = "1") int offset) { List
students = stuCourseService.queryStudent(keyword,limit,offset); int total = stuCourseService.countStudent(keyword); JsonData
data = new JsonData<>(); data.setTotal(total); data.setRows(students); return data; }

springmvc中的controller

jsp:

1、引入

<script

    src="<c:url value="/static/js/plugins/bootstrap-table/bootstrap-table.min.js"/>"></script>
<script
    src="<c:url value="/static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"/>"></script>

2、页面

    <div class="row">

        <table id="querylist" class="table table-striped"></table>
    </div>

3、js

var $table = $('#querylist');	$(function() {		$table				.bootstrapTable({					columns : [					        {								field : 'name',								title : '姓名',								align : 'center'							},……													{								field : 'lastSignupTime',								title : '最后一次报读学期',								align : 'center',								formatter : function(value, row, index) {								      if(row.lastSignupTime){								      var date = new Date(row.lastSignupTime);                                      Y = date.getFullYear() + '-';                                      M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';                                      D = date.getDate() + ' ';								      return Y+M+D;}						        }							},							{								field : '',								title : '报班',								align : 'center',								formatter : function(value, row, index) {									var s = '';									return s;								}							}],					queryParams : queryParams,					method : 'get',					sortName : '',					sortOrder : 'desc',					pagination : true,					sidePagination : 'server',					pageNumber : 1,					pageSize : 10,					pageList : [ 5, 10, 20 ],					url : hostUrl + '/stuCourse/queryStudent.json'				});					});	function queryParams(params) {		return {			keyword : $("#keyword").val(),			limit : params.limit,			offset : params.offset		};	}	function queryStudent(){	    $table.bootstrapTable('refresh', {			url : hostUrl + '/stuCourse/queryStudent.json'		});	}	function baoban(sno){	    window.location.href = hostUrl + '/stuCourse/courseQuery/' + sno;	}

4、页面效果

转载于:https://my.oschina.net/u/2342541/blog/777226

你可能感兴趣的文章
thinkpython2
查看>>
String、StringBuffer和StringBuilder的区别
查看>>
linux学习之“VI”与“VIM”
查看>>
linux下无线网卡驱动安装
查看>>
oracle recyclebin与flashback drop
查看>>
我的友情链接
查看>>
svmlight使用说明
查看>>
LVM
查看>>
学习之shell脚本
查看>>
Andorid Launcher程序代码分析
查看>>
Swing 和AWT之间的关系
查看>>
Mysql设置自增长主键的初始值
查看>>
Android计时器正确应用方式解析
查看>>
获取post传输参数
查看>>
ASP生成静态页面的方法
查看>>
mysql 权限
查看>>
HDU 1325 Is It A Tree? 判断是否为一棵树
查看>>
Shell命令-文件压缩解压缩之gzip、zip
查看>>
个人总结
查看>>
uva 673 Parentheses Balance
查看>>