如何让表中的更改项与数据库同步?

时间:2016-01-05 09:26:55

标签: javascript angularjs database x-editable

我正在使用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'
    });

1 个答案:

答案 0 :(得分:2)

检查example。他们在这里使用表单来更新每一行。这里 onbeforesave 指令指向将用户整行上传到数据库的行的函数。

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