Datatable Javaを使用したPOSTサービス

Question

私は角度jを使用して完全なデータ可能なデータをデータベースに提出する必要があります。

vm.dataTableInstance = $('.datatable-basic').DataTable({ 
      data : priorityAttrs, 
      columns : [ 
         { data: 'priority', title : 'Priority', width : '10%' }, 
         { data: 'attrName', title : 'Attribute Name', width: '30%' }, 
         { data: null, title : 'Notes', width: '50%' ,render:function(data ,type,row){ 
          return '<input type="text" id="notesInputTxt" class="form-control" placeholder="Enter the note" value='+data.notes+'>'; 
         }}, 
         { data: null, orderable : false, width:'5%', render : function(data, type, row){ 
          return '<ul class="icons-list"><li class="delete-user text-danger-600" onclick="angular.element(this).scope().deleteAttribute(this, \''+data.attrName+'\')"><a><i class="icon-trash"></i></a></li></ul>'; 
         }} 
        ], 

下記angularjsとコードを介してデータを取り込む

は今、私はスクリーンショットを見つけるrequest.Pleaseポストを使用してデータテーブルからすべてのデータを取る必要があります。

Answer 1

rows().dataを使用してすべてのデータを抽出し、配列に入れてhttpを使用して投稿してください。

角度コントローラ

var module = angular.module('app',[]); 

module.controller('Ctrl', function ($http) { 

vm.dataTableInstance = $('.datatable-basic').DataTable({ 
      data : priorityAttrs, 
      columns : [ 
         { data: 'priority', title : 'Priority', width : '10%' }, 
         { data: 'attrName', title : 'Attribute Name', width: '30%' }, 
         { data: null, title : 'Notes', width: '50%' ,render:function(data ,type,row){ 
          return '<input type="text" id="notesInputTxt" class="form-control" placeholder="Enter the note" value='+data.notes+'>'; 
         }}, 
         { data: null, orderable : false, width:'5%', render : function(data, type, row){ 
          return '<ul class="icons-list"><li class="delete-user text-danger-600" onclick="angular.element(this).scope().deleteAttribute(this, \''+data.attrName+'\')"><a><i class="icon-trash"></i></a></li></ul>'; 
         }} 
        ], 

var arrayData = vm.dataTableInstance.rows().data();  

$http.post('services/api', arrayData).then(function (resp) { 
     // Success 
     console.log(resp.data); 
}, console.log('Error')), 


});