jquery - X-可编辑动态数据-pk值

Question

我有一个 X-editable 元素正在从 data-pk 属性获取字段。

 <button class='edit' data-pk='field|value'>My Button</button>

我正在使用另一个下拉菜单动态更新此按钮。这样 data-pk 就会更新到我从下拉列表中选择的任何字段。

DOM 按预期更新。

然而，当 X-editable 触发请求时，它是旧的首次启动的数据 pk 值。在发送到服务器之前，如何让它读取当前值？

X 可编辑代码是...

$('.edit').editable({
  url:'user/edit',
  // Need something here to retrieve the real current value of data-pk.  
  // not initiated value
  success:function(response,value){
       // Do success stuff.
 }
});

我试过...

 $('.edit').editable({
  url:'user/edit',
  pk:$(this).attr('data-pk'),
  success:function(response,value){
 }
});

但是没用，也试过了...

 $('.edit').editable({
 url:'user/edit',
 params:function(params){
    var data={};
    // Need to get this instance, and fetch the current data-pk
    // So I can set it in this data, but I have no idea how to get it.
    // params.pk just gives me the old value.  I need to get the new value
    return data;
 },
 success:function(response,value){
   // Do success stuff.
 }
 });

Answer 1

这是经过一段时间尝试后的解决方案。

$('.edit').editable({
 url:'user/edit',
 params:function(params){
    params.pk = $(this).attr('data-pk');
    return params;
 },
 success:function(response,value){
   // Do success stuff.
 }
});