一、 BootstrapTable的使用

1. 在模板文件中:

一、 BootstrapTable的使用_第1张图片

data-field后边填的是数据库里的字段,data-formatter是自动调用的函数,后边的formatOperation名字自己自定义。

2. 先执行这个js:(具体讲解看文档)

一、 BootstrapTable的使用_第2张图片

里边的url,相当于是ajax去请求URL这个方法。

BootstrapTable文档地址:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/

然后执行23,28行的代码:

一、 BootstrapTable的使用_第3张图片

A

一、 BootstrapTable的使用_第4张图片

B
一、 BootstrapTable的使用_第5张图片

17行的 with('member')代表执行了27行的member()
28行:联表查询,两个uid分别代表外键和主键,查询新表的bind里的字段。
C
一、 BootstrapTable的使用_第6张图片

返回的pageData数据会返回到模板文件的table里,显示在表格的tbody(不是非要写上tbody)的位置里。

一、 BootstrapTable的使用_第7张图片

update_timecreate_time在表里是以int(10) default '0' 存储的,在 页面上显示的是:

原因是在这里设置了:

一、 BootstrapTable的使用_第8张图片

如果使用自己的时间戳转换的话:

需要用到data-formatter

来自文档

自己在模板文件里写进函数,会自动调用;
第一个参数value是bootstrapTable返回回来的值,第二个参数是一个对象which including this row's info;

Model 里的这个方法:

一、 BootstrapTable的使用_第9张图片

使用了TP5中的获取器:

一、 BootstrapTable的使用_第10张图片

E.G.


我db里有一个字段是 audit_status,我用bootstrapTable请求回来该处的值是 0
一、 BootstrapTable的使用_第11张图片

在该模板请求的Model里, 数据表的字段会自动转换为驼峰法的意思就是:
audit_status => getAuditStatusAttr

这样自动替换才会生效:

一、 BootstrapTable的使用_第12张图片

你可能感兴趣的:(一、 BootstrapTable的使用)