jEditable - используйте иконку для запуска редактирования для ВСЕХ ячеек в строке таблицы

Question

Я использую jquery DataTables и jEditable, чтобы позволить встроенное редактирование КАЖДОЙ КЛЕТКИ моих данных таблицы, просто щелкая текст в этой ячейке.Тем не менее, я беспокоюсь, что пользователь может не знать, что ему нужно сделать для редактирования данных, поэтому я хочу использовать значок редактирования, чтобы функционировать в качестве триггера. Я создаю обычное событие «edit» для каждого редактируемого объекта:

// Normal text field
    $('.textfield').editable('@(Url.Action("Edit", "Home"))',
    {
        indicator: 'saving...',
        event: 'edit',
        tooltip: 'Double click to edit...',
        style: 'inherit'

    })

Затем я привязываю значок как триггер к событию:

$("#trigger").bind("click", function () {
        $(this).prevAll().each(function () {
            $(this).trigger('edit');
        });
    });

Но я получаю странное поведение, как только я нажимаю на значок, все ячейки в строке кажутся редактируемыми,но средство выбора даты также автоматически появится.Кроме того, какая-то ячейка затем перейдет к обычному текстовому полю, все это как беспорядок. Любая идея, что я могу сделать ??Действительно спасибо за любую помощь ..

Answer 1

Поскольку вы не публиковали HTML, я предполагаю, что у вас есть кнопка редактирования после каждого .textfield.Если это так, вы просто хотите вызвать событие edit на одном редактируемом элементе вместо всех элементов перед ним (с точки зрения порядка DOM).

$("#trigger").bind("click", function () {
    $(this).prev().trigger('edit');
});