datatable中某一列最小值_操作dom获取datatable中的某一行的某一列的数据

需求描述:编辑的时候,点击的那一行,进入后台的验证方法,验证通过后,再进入编辑页面,进入的时候需要把本行

数据中的某一列的值传递过去

思路表述:之前我想的是,给列表每一个tr里都放如一个input隐藏域,值就是需要传递的,后台直接通过 $("# id").val( )获取,后来想想,虽然这么做也可以但是违背了规范“尽量减少标签”,于是就想对datatable做直接的操作,获取数据。

代码:

//html代码

th:attr="data-pac-name=${pac.pacName},data-pac-code=${pac.pacCode}"

class="trs">

//id是行id 也是该行数据的uuid th:οnclick="|editById('${pac.pacId}')|"

// th:attr="data-pac-name=${pac.pacName},data-pac-code=${pac.pacCode}"把需要的数据放到

中 js中可以通过 .data('属性名')获取到这个值名称编码

//js代码

function check(id){

//获取table1的datatable对应行id的节点

var nodes = $('#table1').DataTable().row('#' + id).nodes();

var pacName= $(nodes[0]).data('pacName');

var pacCode= $(nodes[0]).data('pacCode');

// nodes[0]表示当前行 和list.get(0)作用类似 data()方法来取值

// data('pacCode')中的pacCode是和th:attr="data-pac-code=${pac.pacCode}"的 data-pac-code对应,H5新特性,取值的时候会自动还原为data-pacCode,表示data下的属性pacCode

}

/*pacName和pacCode拼到进入后台方法的url中 该部分代码省略*/

总结:操作dom真的可以帮助我们节省很多资源,不过在调试的时候,只有获取到前一个对象节点的时候,后边才能取到值,调试挺废时间的。datatable操作dom还有很多零碎的知识点,但是在开发中会经常用到,仍需不断地总结。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值