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

标签 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'
    });

最佳答案

检查这个example .他们使用表格来更新这里的每一行。这里的onbeforesave 指令指向将user 为整行的行上传到数据库的函数。

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

关于javascript - 如何让表中的更改项与数据库同步?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34608160/

相关文章:

javascript - 如何在具有多个变量的模板文字中使用三元运算符

asp.net-mvc - angularjs 仅带有 cshtml 页面,而不是带有 web api 2 的 html 页面

javascript - Angularjs 表达式不适用于 ng-bind 和 {{ }}

c# - 如何使用 C# 获取 mysql 中的数据库服务器/数据库实例列表?

javascript - 帮助理解 javascript 约定

iframe 中的 JavaScript 不起作用

javascript - 将数值(金额)转换为文本 angularjs

javascript - Angular 和 SEO - 创建静态 HTML 版本

php - 找不到 cakephp 数据库

database - 如何从存储过程中取回数据