Question

我正在尝试设置pk的动态检索，这个选择器不起作用，这是我的代码：

#html file
<div id="{{task.id}}">
                <h3>
                    <a href="#" id="task">{{ task.task }}</a>
                </h3>
...
</div>

#js file
$("#task").editable({
    type: 'text',
    **pk:  $(this).closest('div').attr('id'),**
    url: '/update_task/' + pk + '/',
    title: 'Enter task',

});

这个不起作用，但如果我写：

pk:  $("#task").closest('div').attr('id')

会起作用，但对我来说不方便。

提前谢谢你：）

Answer 1

this指的是选项对象，而不是jQuery对象。如果你有一个从你想要提取主键的一次性字段发送到服务器，那么我只会这样做：

var $task = $("#task");
$task.editable({
    type: 'text',
    pk:  $task.attr("id"),
    url: '/update_task/' + pk + '/',
    title: 'Enter task',
});

如果您使用的是更通用的选择器，例如.someDiv，并希望pk用于每个选择器，则可以使用params选项进行回调，这样您就可以追加/覆盖要发送的数据，具体取决于您是传递对象还是函数（函数覆盖，请参阅docs）：

$(".someDiv").editable({
    type: 'text',
    pk:  0,

    // hooray, params takes a callback so
    // we can get the right context
    params: function (params) {
        var data = {};
        data.pk = $(this).closest("div").attr("id"),
        data.makesure = "You know that this will overwrite the original params object";
        data.soPut = "Everything you need into it before returning";
        return data;
    },
    url: '/update_task/' + pk + '/',
    title: 'Enter task'
});

P.S。 pk似乎也接受了一个函数，所以我猜你可以做到这一点，但我现在无法进行测试：

$("#task").editable({
    type: 'text',
    pk:  function () {
        return $(this).closest("div").attr("id");
    },
    url: '/update_task/' + pk + '/',
    title: 'Enter task'
});

$（这）不能正常工作x-editable

1 个答案: