0

私はDataTablesを使用しており、編集または削除アイコンのimgクリックをキャプチャしています。私の問題は、行 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 を見つけてもらう..

4

3 に答える 3

1

$（'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();

     });
于 2010-12-29T14:43:22.393 に答える
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();

 });

リンク例

于 2010-12-29T15:09:30.517 に答える
0

実際のテーブル行を探しているのか、それとも行にデータベース キーなどの意味のある情報が含まれているのかはわかりません。

実際に行 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 の構築に使用されます。

于 2011-01-17T18:44:56.577 に答える