5 想给列表的某个字段添加一个点击事件,怎么加呢?谢谢

发布于 2019-03-06 09:53:02

列表页面的某一列添加点击事件,弹出一个弹框

查看更多

关注者
0
被浏览
761
Karson
Karson FastAdmin创始人 2019-03-06
FastAdmin!

@chufang 其实目前FastAdmin支持直接传递click参数,响应点击事件,如下:

{field: 'your_field', title: __('某一列'), table:table, formatter: Table.api.formatter.buttons, buttons:[
    {
        text:"文字",
        classname: "btn btn-primary btn-click", //这里的btn-click很重要
        click: function(options, row, button){
            //其中row为该行数据
            //这里编写你的响应代码
            Fast.api.open("https://www.fastadmin.net", "FastAdmin");
        }
    }
]},
3 个回答
lixue
lixue 2019-03-06
这家伙很懒,什么也没写!

{field: 'land_delivery_list', title: __('Land_Delivery_List'), operate: false, table: table, events: Table.api.events.operate,

                        formatter: function (value, row, index) {
                            url = "delivery/index?order_land_id=" + row.id;
                            return '<a href="' + url + '" class="btn btn-xs btn-info btn-dialog btn-delivery" title="土地提货信息"><i class="fa fa-sitemap"> 查看</i></a>';
                        }
                    },
大饼博士
大饼博士 认证专家 2019-03-06
这家伙不懒,可这里写不开!

1.先对该列使用formatter给该列元素添加统一的class,比如 btn-myfield,并给该列绑定events,如:

{field: 'your_field', title: __('某一列'), events: Controller.api.events.myevents, formatter: Controller.api.formatter.myformatter},

2.相应的在Controller.api.formatter中增加:

myformatter: function (value, row, index) {
                    return '<a class="btn btn-xs btn-myfield" href="javascript:;">' + value + '</a>';
                },

3.在Controller.api.events中增加:

myevents: {
                    'click .btn-myfield': function (e, value, row, index) {
                        e.stopPropagation();
                        Layer.open({
                            type: 0,
                            anim: 1,
                            title: false,
                            content: "<div id=\"yourcontent\"></div>",
                            success: function(layero, index){}
                        });
                    }
                },

具体弹窗根据需求添加配置。

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览