DataTables jquery识别行ID答案

【问题标题】：DataTables jquery identifying row IDDataTables jquery识别行ID
【发布时间】：2010-12-29 14:31:00
【问题描述】：

我正在使用 DataTables 并捕获我单击编辑或删除图标的图像。我的问题是，我还需要捕获行 ID。我尝试将行 ID 放在 href 标记中，但 npt 能够提取它。

当前代码是

 $('#datatable tbody tr a.delete img').live( 'click', function (e) {
 var rowID = $('a').attr('href');
 alert(rowID);

     if (!fancyConfirm(rowID, "Are you sure you want to delete this record?", function(ret) { alert(rowID) })) 
          e.preventDefault();

     });

您可以在http://www(@)fisheragservice(@)com/tm/users(@)html 看到实际页面请将 (@) 替换为 .，因为该页面包含实际的电子邮件地址，我宁愿没有 spma bot 找到..

【问题讨论】：

标签： javascript jquery datatables

【解决方案1】：

您不能只在链接上附加click 事件而不是其中的img，然后使用this 吗？

 $('#datatable tbody tr a.delete').live( 'click', function (e) {
 var rowID = $(this).attr('href');
 alert(rowID);

 if (!fancyConfirm(rowID, "Are you sure you want to delete this record?", function(ret) { alert(rowID) })) 
      e.preventDefault();

 });

Example link

【讨论】：

谢谢..这是一种更好的方式来做我需要的事情..谢谢！

【解决方案2】：

您关心使用 $('a') 选择所有锚点来获取 rowID。这是行不通的。而是在点击处理程序中使用 parent().attr() 函数。即：

$('#datatable tbody tr a.delete img').live( 'click', function (e) {
 var rowID = $(this).parent().attr('href');
 alert(rowID);

     if (!fancyConfirm(rowID, "Are you sure you want to delete this record?", function(ret) { alert(rowID) })) 
          e.preventDefault();

     });

【讨论】：

【解决方案3】：

我不确定您是在寻找实际的表格行，还是该行有一些有意义的信息，比如数据库键。

如果您确实在查看行 ID，请考虑以下示例，该示例使用 fnRender 属性。

var oTable = $('#inventory_list').dataTable ({
'bServerSide'    : true,
'bAutoWidth'     : false,
'bJQueryUI'      : false,
'sPaginationType': 'full_numbers',
'sAjaxSource'    : '/inventory/listall',
'aoColumns'      : 
[
{
  'bSearchable': false,
        "bSortable": false,
        "fnRender" : function ( oObj )
        {
          var colval = '<div class="editcol"><a href="/inventory/edit/'  +
                oObj.aData[0] + '">' + 
                '<img src="/img/edit.png" alt="edit"><a/>' +
                '<a href="/inventory/delete/' + oObj.aData[0] + '">' +
                '<img src="/img/delete.png" alt="delete"><a/>' +
                '</div>';

                return colval;
        }
},
null,
null,
null,
null,
null,
null,
null,
null,
null
]
});

第一列（共 10 列）包含编辑/删除图标。

对服务器的 listall 调用在第一个返回库存 ID oObj.aData[0] 引用的单元格，用于构建 URL。

【讨论】：