首页 / JAVASCRIPT / javascript – 如何通过单击DataTable的同一行上的“编辑”按钮获取Id值

javascript – 如何通过单击DataTable的同一行上的“编辑”按钮获取Id值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何通过单击DataTable的同一行上的“编辑”按钮获取Id值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含943字，纯文字阅读大概需要2分钟。

内容图文

我使用jQuery Datatable列出记录并添加一个Action按钮(Edit)来编辑模态对话框中的记录.如果我选择一行,我可以获取行id值并在模态对话框中打开相关记录.但是,如果我直接单击“编辑”按钮,则无法获取相关记录的Id值(在同一行上),因为单击“编辑”按钮时未首先选中该值.我想要做的是：我想获得我单击编辑按钮的行的Id值.可能吗？如果没有,我可以在单击“编辑”按钮时以编程方式选择悬停行吗？ (如果先前的情况是可能的,我会更喜欢它).任何想法？

function openModal() {

    var table = $('#dtbListAccount').DataTable();
    var oRow = $('this').parents('tr')[0];
    var oData = table.fnGetData(oRow);

    //code omitted for brevity
};

解决方法:

您可以使用此代码来实现此目的.

var table;
$(document).ready( function () {
 table  = $('#example').DataTable();
} );

$('body').on('click', '#btnEdit', function(){
    //to get currently clicked row object
    var row  = $(this).parents('tr')[0];

    //for row data
    console.log( table.row( row ).data() );

});

它将行数据作为字符串数组返回.

Live Demo Here

使用浏览器控制台查看结果.

内容总结

以上是互联网集市为您收集整理的javascript – 如何通过单击DataTable的同一行上的“编辑”按钮获取Id值全部内容，希望文章能够帮你解决javascript – 如何通过单击DataTable的同一行上的“编辑”按钮获取Id值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/696306.html

来源：【匿名】