2016-12-31 140 views
0

我想編輯數據表的行(這是來自一些其餘的api調用,數據表中的數據通過角度js填充)。Angular JS問題

我的問題是我需要在每一行添加一個輸入字段,當我提交時,所有的數據將去並保存在數據庫。所以你們可以幫我添加輸入字段,當我提交然後如何獲得所有數據表數據併發出JSON請求。 enter image description here 請參考圖片,我需要在筆記欄中添加輸入欄,按下保存按鈕後,它應該把所有7個數據放入數據表中,併發出json請求。

JavaScript代碼:

vm.dataTableInstance = $('.datatable-basic').DataTable({ 
data : priorityAttrs, 
columns : [ 
      { data: 'priority', title : 'Priority', width : '10%' }, 
      { data: 'attrName', title : 'Attribute Name', width: '30%' }, 
      { data: 'notes', title : '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>'; 
      }} 
], 
}); 

回答

0

您可以使用角Xeditable用於添加數據表。請參考this文件。

  1. 安裝xeditable

    亭子安裝角xeditable

  2. 包括角xeditable到項目

  • 將「xeditable」添加到依賴項

    var app = angular.module(「app」,[「xeditable」]);