前端之家收集整理的这篇文章主要介绍了
SpringMVC+bootstrap table实例详解,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
bootstrap-table下载地址:
先来看一张效果图:
下载下来后,需要导入的css:由于需要bootstrap的支持,所以需要导入bootstrap的css
需要导入的js:除了bootstrap的js跟table的js外第一个要导入的就是jQuery的js,他们都是基于jQuery开发的
bootstrap-table-zh-CN.js这个js是用来汉化table的提示文字的,在下载下来的bootstrap-table文件夹下的locale文件夹中有很多的语言包支持
完啦,我们只需要在html页面中声明一个table跟菜单div(如果不需要,可以不声明)就好:
新增
table_sysUser就是我们要显示的table列表啦。
我们来看看js怎么来请求后台的数据,并进行分页跟查询:
pageNumber: params.pageNumber,//页码
sortName: params.sort,//排序列名
sortOrder:params.order,//排序方式
searchText:params.search//搜索框参数
};
return temp;
};
return oTableInit;
};
很多参数在代码注释里面说得很明显啦,我们来说说怎么新增查询参数,我们只需要在queryParams方法里面在新增参数信息就行:
bootstrap-table获取页面上勾选的数据:
bootstrap-table刷新表格:
源码:
原文链接:https://www.f2er.com/springmvc/38882.html