Datatable表格点击某个单元格可以获取整行数据

场景:

点击图中所属区域,可以看到该区域对应的一行信息。

解决方案:

在定义列的js中,进行处理:

{
            data: 'name',
            title: '所属区域',
            className: 'text-center',
            defaultContent: '',
            render : function ( data, type, row, meta) {

                console.log(row);//可以获取到该行对应的信息

                console.log(data);//可以获取到该区域的信息
                return "<a href='javascript:void(0)' οnclick=\"drill('" + row.id + "','" + row.name + "')\"><font color='blue'>" + data + "</font></a>";
            }
        }

 

 如果需要A标签带有下划线,需要设置CSS:

a{
        text-decoration:underline;
    }

 

在实现的过程中遇到一个问题,就是A标签绑定点击事件事,总是提示,name未定义,经检查发现,使用onclick传递多个参数时,必须使用上面代码里的对应模板,否则,jQuery会报错。 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

iamlzjoco

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值