动态设置可编辑的目标URL

Dynamically set jeditable target URL

本文关键字：目标 URL 编辑 设置 动态      更新时间：2023-09-26

我有一系列的div's，我正在与jEditable编辑。集合中的每个项目都有一个唯一的RESTful URL，我需要通过PUT来保存它。例如:

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

我不确定如何在设置中注入唯一的URL。输出的每一行(在本例中是收入)的jEditable目标属性。

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 %>

这是另一个提到这个问题的帖子，但没有公认的答案。本文给出的答案允许我动态设置目标URL，但不能解决在HTML声明中设置URL的问题，而不是在JavaScript中设置URL。

我对其他图书馆的建议也持开放态度和感激之情。

OP，

对所提供的相关SO问题的答案展开。

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

$('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>

这是我马上想到的路线。

希望能有所帮助。

相关文章：