2015-10-01 86 views
0

雖然我想查看錶使用jQuery數據表在每行的最後一列我想添加編輯和刪除buttons.i想更新數據庫上的每個更新和delete.How要做到這一點?如何添加編輯和刪除每個jQuery數據表?

阿賈克斯: -

//Ajax to get idns sites by ruleId. 
    var deleteButton='<i class="glyphicon glyphicon-remove" style="font-size:20px;"></i>'; 
    var editButton='<i class="glyphicon glyphicon-pencil" style="font-size:20px;"></i>'; 
    $.ajax({ 
     url : '/idns/site/getSitesByRuleId/'+rule_id, 
     method : 'get', 
     dataType : 'json', 
     success:function(data){ 
      $('#siteDataTable').DataTable({ 
       data:data, 
       "destroy": true, 
       "processing": true, 
       columns: [{ data: 'siteId' },{ data: 'siteName' },{ data: 'userName' },{ data: 'channelName' },] 
      }); 
     } 
    }); 
    // To edit site table record. 
    var table = $('#siteDataTable').DataTable(); 

    $('#siteDataTable tbody').on('click', 'tr', function() { 
     console.log(table.row(this).data()); 
    }); 

這裏是fiddle: -

回答

0

你有沒有試過mRender類似,

mRender: function (data, type, row) { 
    return '<a class="table-edit" data-id="' + row[0] + '">EDIT</a>' 
} 

使用console.log()瞭解row對象mRender回調。

+0

讓我試試 –

+0

@Rohan Kumar先生謝謝你。我希望學習JavaScript和depth.kindly資源喜歡它會幫助我很多。 –

+0

實際上,在這個領域裏,所有的東西都依賴於邏輯和概念,並且學到任何東西,谷歌本身已經綽綽有餘。所以,Google一直在尋找錯誤。 –

相關問題