2016-01-05 28 views
1

我正在使用xeditable.js來更改表格中單元格的當前內容,我的意圖是採取更改並通過http請求(put)將其發送到後端,從而更新數據庫。如何讓表中的變更項目與數據庫同步?

這裏是可以修改的表:

<tbody class="connectedSortable" style="display: block; height: 262px; overflow: auto; width: 100%;"> 
      <tr ng-repeat="station in stations | orderBy:sortType:sortReverse | filter:searchStation" style="width: 100%"> 
       <td> <a href="#" editable-text="station.id">{{ station.id }}</a> </td> 
       <td> <a href="#" editable-text="station.name">{{ station.name }}</a> </td> 
       <td> <a href="#" editable-text="station.lon">{{ station.lon }}</a> </td> 
       <td> <a href="#" editable-text="station.lat">{{ station.lat }}</a> </td> 
      </tr> 
      </tbody> 

我的問題是,我不知道,我在那裏得到整個行(後端需要它),其中一些被改變,因爲xeditable爲我做這份工作。

如果您需要了解更多信息,請不要猶豫,問,我在這裏有更多的代碼;)

PS:也許這是對你有幫助。

var app = angular.module("liveSearchApp", ["xeditable"]); 

app.run(function(editableOptions) { 
     editableOptions.theme = 'bs3'; // bootstrap3 theme. Can be also 'bs2', 'default' 
    }); 

回答

2

檢查此example。他們正在使用表單來更新這裏的每一行。這裏onbeforesave指令指向將上傳行到數據庫的功能,用戶是整行。

onbeforesave="saveUser($data, user.id)" 
+0

這看起來不錯,但我不能在我的情況下使用它,也許我不明白這裏的線索。 後端需要帶id,name,lon,lat的JSONObject(這是行中表格單元格的內容,點擊了編輯按鈕),但是如何以這種方式需要$ data或者如何轉換它正確嗎? – student96

+0

在這種情況下,數據是一個包含行單元格的對象。您可以使用JSON.stringify(data)或angular.toJson(data)來創建JSON字符串。但是你不需要它,因爲發送數據到後端$ http.post(url,data)的方法在將數據對象提交之前自動將數據對象轉換爲JSON。詢問你是否需要更多信息。 –

相關問題