动态设置可编辑的目标 URL

Question

我有一系列可以用 jEditable 编辑的 div。集合中的每个项目都有一个唯一的 RESTful URL，我需要 PUT 来保存它。例如：

• budgets/6/incomes/1
• budgets/6/incomes/5
• budgets/6/incomes/8
• 等等……

我不确定如何将唯一的 URL 注入到 jEditable 的 settings.target 属性中，用于我的输出的每一行（在本例中为收入）。

JavaScript：

  $(document).ready(function() {
     $('.edit').editable("http://<needstobedynamic", {
        method    : 'PUT',
        indicator : "saving...",
        tooltip   : "Click to edit"
     });

Rails 视图 (html.erb)：

<% @incomes.each do |income| %>
    <div class="row-fluid action_container">
        <div class="edit"><%= number_to_currency income.amount %></div>
    </div>
<% end %>

这里是 another post，它引用了这个问题，但没有接受答案。这篇文章中给出的答案允许我动态设置目标 URL，但不能解决在 HTML 声明中设置该 URL 而不是在 JavaScript 中设置的问题。

我也乐于接受并感谢其他图书馆的建议。

Answer 1

OP，

在提供的related SO question 中扩展答案。

对于在标记中（以及在 JS 中）引用 RESTful url，将值存储在数据属性中是否适合您的需要？

$('div.whatever').editable("", {
    onsubmit: function (settings) {
      settings.target = "//foo.bar" || $(this).attr('data-editable-url');
    }
});

<div class="whatever" data-editable-url="budgets/6/incomes/1">
...
</div>

这是立即浮现在脑海中的路线。

希望对你有帮助。