首先是按钮代码
{
field: 'buttons',
width: "120px",
title: __('添加内容'),
table: table,
events: Table.api.events.operate,
buttons: [
{
name: 'detail',
text: __('添加内容'),
title: __('添加内容'),
extend:'data-area=["80%","80%"]',
classname: 'btn btn-xs btn-primary btn-dialog',
icon: 'fa fa-list',
url: '',//如果你不需要传参直接在这个里写URL就可以
callback: function (data) {
Layer.alert("接收到回传数据:" + JSON.stringify(data), {title: "回传数据"});
},
visible: function (row) {
//返回true时按钮显示,返回false隐藏
return true;
}
},
],
formatter: Table.api.formatter.buttons
},
这个时候因为我需要把当前行的ID传给要跳转层的内容里,所以我加了一个获取当前ID并且赋值给按钮的js。
$(document).on('mouseenter', '.btn-dialog', function (e) {
var that = this;
var options = $.extend({}, $(that).data() || {});
var row = {};
if (typeof options.tableId !== 'undefined') {
var index = parseInt(options.rowIndex);
var data = $("#" + options.tableId).bootstrapTable('getData');
row = typeof data[index] !== 'undefined' ? data[index] : {};
}
$(this).attr('href','game/download/add?dialog=1&dig_id='+row.id);
})
这样子就大功告成了