fastadmin 表格 自定义按钮 事件 自定义样式 自定义事件 一张图解析FastAdmin中的表格列表的功能
程序员文章站
2022-07-14 08:46:33
...
其实 一张图解析FastAdmin中的表格列表的功能 对Fastadmin的表格事件说的是相当清楚了,但有些细节还没写出来,今天据说的是就是自定义按钮的自定义事件。
您可以参考这里的方法:fastadmin列表按钮自定义样式与自定义事件,但我想你更希望的是用fastadmin提供的原生方法,下面给您展示:
{field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate,
buttons: [
{
name: 'qrcode',
text: '二维码',
title: '二维码',
icon: 'fa fa-qrcode',
classname: 'btn btn-xs btn-default btn-click',
click: function(row, r2, r3, r4, r5, r6){
console.log(row);
console.log(r2);
console.log(r3);
console.log(r4);
console.log(r5);
console.log(r6);
downloadqrcode(row);
},
visible: function(row){
if(row.status == 1){
return true;
}
}
},
]
}
要点有2:
一、buttons中按钮的参数classname包含btn-click;
二、buttons中按钮的参数click的回调访问自定义js方法,
经测试click: function(){} 接收3个参数,具体如下:
参数1:Object { buttonIndex: 0, rowIndex: 0, fieldIndex: 11, tableId: "table" }
参数2:Object { 0: true, id: 2, shop_id: 9, province: 21362, city: 21633, area: 23164, address: "金山广场人民东小学", lng: "118.320776", lat: "222.820381", address_map: "*****山广场人民东小学", … }
参数2为表格行数据;
参数3:Object { name: "qrcode", text: "二维码", title: "二维码", icon: "fa fa-qrcode", classname: "btn btn-xs btn-default btn-click", click: click(row, r2, r3, r4, r5, r6), visible: visible(row) }
参数3为按钮本身.
所以click就这么写:
click: function(btn_operate, rowdata, btn_self){
}
上一篇: JavaScrip浏览器对象模型BOM
下一篇: Python几种方式实现单例模式