视频地址:
https://www.bilibili.com/video/BV1Xi421C77u/
注意:
这里我以控制器ceshi66为案例,所以如果用下面的代码的话,需要把ceshi66换成你自己的控制器名称
1.修改数据表,新增deletetime字段
2.修改对应的模型
use traits\model\SoftDelete;
//...
use SoftDelete;
//...
protected $deleteTime = 'deletetime';
3.修改index.html页面,新增回收站按钮
<a class="btn btn-success btn-recyclebin btn-dialog {:$auth->check('ceshi66/recyclebin')?'':'hide'}" href="ceshi66/recyclebin" title="{:__('Recycle bin')}"><i class="fa fa-recycle"></i> {:__('Recycle bin')}</a>
4.新增recyclebin.html页面
复制一个回收站html页面到当前index.html同级目录下
5.修改对应的js页面,新增回收站事件
recyclebin: function () {
// 初始化表格参数配置
Table.api.init({
extend: {
'dragsort_url': ''
}
});
var table = $("#table");
// 初始化表格
table.bootstrapTable({
url: 'ceshi66/recyclebin' + location.search,
pk: 'id',
sortName: 'id',
columns: [
[
{checkbox: true},
{field: 'id', title: __('Id')},
{field: 'title', title: __('Title'), align: 'left'},
{
field: 'deletetime',
title: __('Deletetime'),
operate: 'RANGE',
addclass: 'datetimerange',
formatter: Table.api.formatter.datetime
},
{
field: 'operate',
width: '140px',
title: __('Operate'),
table: table,
events: Table.api.events.operate,
buttons: [
{
name: 'Restore',
text: __('Restore'),
classname: 'btn btn-xs btn-info btn-ajax btn-restoreit',
icon: 'fa fa-rotate-left',
url: 'ceshi66/restore',
refresh: true
},
{
name: 'Destroy',
text: __('Destroy'),
classname: 'btn btn-xs btn-danger btn-ajax btn-destroyit',
icon: 'fa fa-times',
url: 'ceshi66/destroy',
refresh: true
}
],
formatter: Table.api.formatter.operate
}
]
]
});
// 为表格绑定事件
Table.api.bindevent(table);
},
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END