## 数据表格显示优化[GridView](https://github.com/Astonep/tp-admin/blob/master/public/static/admin/js/gridview.js)
[GridView.js](https://github.com/Astonep/tp-admin/blob/master/public/static/admin/js/gridview.js)位于：/public/static/admin/js/gridvew.js
基于：[bootstrap-table](http://bootstrap-table.wenzhixin.net.cn/),英文吃力小伙伴可查阅[中文官方手册](http://bootstrap-table.wenzhixin.net.cn/zh-cn/)
保留了bootstrap-table的属性和方法，为了便于组件化开发，我将后台的模态框添加、编辑数据、数据删除等进行封装。对于添加、编辑只需要一个模板页面文件即可。
### 表格参数
这里列举部分常用，更多参照其[官方文档](http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/)
| 标签 | 类型 | 默认 | 描述 |
| --- | --- |
| data-toggle | string | 'gridview' | 加载gridview.js脚本然后开始渲染数据 |
| data-url | String | undefined | 服务器加载数据的地址 |
|data-unique-id |String |'id' | 指定数据的唯一ID，区别data-index |
| data-toolbar | string | undefined | 指明自定义的toolbar |
| data-page-size | Number | 10 | 分页数据显示条数 |
| data-page-list | Array | [10, 25, 50, 100, All] | 设置可供选择的页面数据条数。设置为All 则显示所有记录 |
| data-pagination | Boolean | false | 设置为 true 会在表格底部显示分页条 |
| data-side-pagination | String | 'client' | 设置在哪里进行分页，可选值为 'client' 或者 'server'。设置 'server'时，需要返回total字段 |
| data-search | Boolean | false | 是否启用搜索框 |
| data-search-on-enter-key | Boolean | false | 设置为 true时，按回车触发搜索方法，否则自动触发搜索方法 |
| data-strict-search | Boolean | false | 设置为 true启用 全匹配搜索，否则为模糊搜索 |
| data-search-text | String | '' | 初始化搜索文字 |
| data-search-time-out | Number | 500 | 设设置搜索超时时间 |
| data-strict-search | Boolean | false | 设置为 true启用 全匹配搜索，否则为模糊搜索 |
|data-show-columns|Blooean | false | 是否显示 内容列下拉框 |
```
在外部可以通过jQuery插件方式调用一些方法，例如：
$(selector).gridview(functionName,arg1,arg2)
```
