操作步骤:
1、在控制器中添加对应的方法,处理相关逻辑,例如:migrate;
2、在视图中添加html页面,注意视图文件中的form id,例如:migrate.html,视图文件表单id为:id="migrate-form";
3、在对应视图文件夹下的index.html文件中,新增按钮:
<a href="javascript:;" class="btn btn-warning btn-migrate btn-disabled disabled {:$auth->check('site/article/article/migrate')?'':'hide'}" title="{:__('迁移')}" ><i class="fa fa-exchange"></i> {:__('迁移')}</a>
4、在对应的JS文件中,增加:
4.1、
migrate_url: 'site/article/article/migrate',//20231204新增迁移按钮
4.2、
//20231204新增迁移按钮
migrate: function () {
Form.api.bindevent($("form[role=form]"), function () {}, function () {}, function (success, error) {
layer.confirm('是否确认迁移!', {
btn: ['确定', '取消'] //按钮
}, function (index) {
Form.api.submit($("form[role=form]"), function (data, ret) {
//如果我们需要在提交表单成功后做跳转,可以在此使用location.href="链接";进行跳转
setTimeout(function () {
parent.Layer.close(parent.Layer.getFrameIndex(window.name));
//刷新列表
parent.$(".btn-refresh").trigger("click");
}, 1000);
});
Layer.close(index);
}, function () {
});
return false;
});
// Controller.api.bindevent();
},
5、修改系统JS文件:(系统JS文件位置:public/assets/js/require-table.js)
5.1、
migrate: '.btn-migrate',//20231204新增迁移按钮
5.2、
//20231204新增迁移按钮
migrate: {
name: 'migrate',
icon: 'fa fa-exchange',
title: __('迁移'),
extend: 'data-toggle="tooltip" data-container="body"',
classname: 'btn btn-xs btn-waring btn-migrateone'
},
5.3、
在系统js中的:
api: {
// 绑定事件
bindevent: function (table) {
.......
}
}
添加下面的语句(复制的原来的edit相关的语句,进行部分修改)
//20231204新增迁移按钮
toolbar.on('click', Table.config.migrate, function () {
var ids = Table.api.selectedids(table);
var url = options.extend.migrate_url;
url = Table.api.replaceurl(url, {ids: ids.length > 0 ? ids.join(",") : 0}, table);
Fast.api.open(url, $(this).data("original-title") || $(this).attr("title") || __('Add'), $(this).data() || {});
});