fastadmin 表格 自定义按钮 事件 自定义样式 自定义事件 一张图解析FastAdmin中的表格列表的功能

其实 一张图解析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){

}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值