Fastadmin 后台列表页面列自定义点击事件

在项目开发中,为优化富文本列的显示效果,本文介绍了两种在Fastadmin后台列表页面中为列添加自定义点击事件的方法,通过点击按钮弹窗展示完整内容,有效提升用户体验。
摘要由CSDN通过智能技术生成

在做项目过程中经常遇到某一列使用富文本填写内容,如果使用使用table默认展示方式会导致该列展示很长,倒是使用体验差。可以在该列加上一个按钮,点击按钮后后弹窗展示改字段内容。

第一种方案:

//在table初始化前面添加此代码
$(document).on('click','.show_mark',function() {
    let content = $(this).data('content');
    layer.open({
        type: 1,
        area: ['630px', '460px'],
        title: "备注信息",
        shade: 0.8,
        closeBtn: 1,
        shadeClose: true,
        scrollbar: false ,//屏蔽浏览器滚动条
        // skin: 'layui-layer-rim', //加上边框
        content: '<div style="text-align: center;line-height: 25px; ">' + content + ' </div> ',
        btn: ['确定'],
    });
});


//在列中自定义formatter方法
{
    field: 'mark',
    title: __('备注信息'),
    operate: false,
    formatter:function(index,row){
        if(row.mark){
            return "<a href='javascript:;' class&#
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值