欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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){

}

相关标签: FastAdmin html5