在 A Table 中使用 X 可编辑内联

Question

我想使用 xeditable 在单击按钮时内联编辑 table 行。

这是我的 jsfiddle：https://jsfiddle.net/nah26L67/

这是我的代码：

$('.edit').on('click', function () {
     var id = $(this).attr('data-edit-id');
     $('span[data-id=' + id + ']').editable('toggle');
     $('span[data-id=' + id + '][data-type=date]').editable('toggle');
});

期望的结果是，当您单击 'Edit' 时，整行将显示 xeditable 内联文本框，您可以在其中输入文本以及复选标记和退出按钮。

问题是我的实现根本不起作用。

有人知道为什么吗？

Answer 1

我在这里找到了问题的答案：http://jsfiddle.net/xBB5x/348/

我需要像这样设置默认值：

var defaults = {
    mode: 'inline', 
    toggle: 'manual',
    showbuttons: false,
    onblur: 'ignore',
    inputclass: 'input-small',
    savenochange: true
};
$.extend($.fn.editable.defaults, defaults);

在 A Table 中使用 X 可编辑内联

Use X-Editable Inline In A Table

javascript

jquery

x-editable

twitter-bootstrap-3