我如何從jquery數據表單中獲取單元格中的值，點擊行內的下拉列表

Question

我有一個動態創建的數據表，使用jQuery數據表進行服務器處理，使用ajax和JSON。其實我想出瞭如何使用mRender爲每一行添加下拉菜單。現在有下一個問題。如果一次性像「編輯」我需要

1. 從ID行至極的下拉列表中，並
2. 它傳遞給一個servlet獲得的「ID」的值的下拉選項，用戶點擊

我該怎麼做？我怎樣才能添加一個eventlistener到我的下拉按鈕？ （對不起，我'新在jQuery和JS）

這是數據表

<script type="text/javascript"> 
$(document).ready(function(){ 
    var ctx = "${pageContext.request.contextPath}"; 
    var oTable = $('#usertable').dataTable(
      {"processing":true, 
      sAjaxDataProp: "", 
       "ajax": { 
        "url": ctx+"/fetchuser",` 
        "type": "GET"  
       }, 
    "aoColumns": [ 
    { "mData": "id" }, 
    { "mData": "senderFullName" }, 
    { "mData":"userName" }, 
    { "mData": "userLastLogin" }, 
    { "mRender": 
     function(data, type, full) { 
    return '<div class="dropdown">'+'<button class="btn btn-default dropdown-toggle" type="button"data-toggle="dropdown">Actions'+ 
    '<span class="caret"></span></button>'+ 
     '<ul class="dropdown-menu">'+ 
      '<li><a href="#">Edit</a></li>'+ 
      '<li><a href="#">Delete</a></li>'+ 
      '<li><a href="#">Block</a></li>'+ 
     '</ul>'+ 
    '</div>' 
    },"bSortable" : false } 
    ] 
      }); 
}); 
</script> 

由於

EDIT的代碼：錯誤

第一個錯誤是屏幕截圖，當我嘗試獲取混合字符（唯一ID）的ID和第二，如果我嘗試獲得只包含一個數字，如「1」的測試ID

編輯：

Answer 1

我想你可以嘗試這樣。

<li><a href="#" onclick="return Edit('+full.id+')">Edit</a></li> 

而且比寫javascript函數這樣

function Edit(id) //here you will get id of your row 
{ 
    //here is your ajax call for servlet or any other code 
} 

試試這個：

<script type="text/javascript"> 
    $(document).ready(function(){ 
    var ctx = "${pageContext.request.contextPath}"; 
    var oTable = $('#usertable').dataTable(
     {"processing":true, 
     sAjaxDataProp: "", 
      "ajax": { 
       "url": ctx+"/fetchuser",` 
       "type": "GET"  
      }, 
"aoColumns": [ 
{ "mData": "id" }, 
{ "mData": "senderFullName" }, 
{ "mData":"userName" }, 
{ "mData": "userLastLogin" }, 
{ "mRender": 
    function(data, type, full) { 
return '<div class="dropdown">'+'<button class="btn btn-default dropdown-toggle" type="button"data-toggle="dropdown">Actions'+ 
'<span class="caret"></span></button>'+ 
    '<ul class="dropdown-menu">'+ 
     '<li><a href="#" onclick="return Edit('+full.id+')">Edit</a></li>'+ 
     '<li><a href="#">Delete</a></li>'+ 
     '<li><a href="#">Block</a></li>'+ 
    '</ul>'+ 
'</div>' 
},"bSortable" : false } 
] 
     }); 
}); 

function Edit(id) //here you will get id of your row 
{ 
    console.log(id); 
    //here is your ajax call for servlet or any other code 
} 
</script>