工具栏自定义按钮-ajax请求
前端代码
1.在对应模块的模板文件index.html
添加自定义按钮,注意按钮要添加id以绑定点击事件
<div class="panel panel-default panel-intro">
{:build_heading()}
<div class="panel-body">
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade active in" id="one">
<div class="widget-body no-padding">
<div id="toolbar" class="toolbar">
{:build_toolbar('refresh,add,edit,del')}
<div class="dropdown btn-group {:$auth->check('user/group/multi')?'':'hide'}">
<a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>
<ul class="dropdown-menu text-left" role="menu">
<li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
<li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
</ul>
</div>
<!-- 添加自定义按钮 -->
<a class="btn btn-primary dropdown-toggle" href="javascript:;" data-toggle="dropdown" id="testButton"><i class="fa fa-send"></i> {:__('自定义')}</a>
</div>
<table id="table" class="table table-striped table-bordered table-hover table-nowrap"
data-operate-edit="{:$auth->check('user/group/edit')}"
data-operate-del="{:$auth->check('user/group/del')}"
width="100%">
</table>
</div>
</div>
</div>
</div>
</div>
2.对应js文件中添加绑定事件,注意要写在为表格绑定事件
前面
//.......(表格字段)
// 自定义功能
$('#testButton').on('click', function (){
layer.confirm(`确定调用自定义功能吗?`, {
btn: ['确定', '取消'] //按钮
}, function (index) {
$.ajax({
url: "user/user/test", //请求接口
type: "post",
dataType: "json",
data: {
"ids": 1}, //请求参数
success: function (data) {
layer.confirm(data.msg, {
btn: ['确定'] //按钮
}, function (