在表中使用X-Editable内联

时间:2016-08-10 14:49:24

标签: javascript jquery twitter-bootstrap-3 x-editable

我想在点击按钮时使用内嵌的可编辑编辑表行。

这是我的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');
});

所需的结果是,当您单击“编辑”时,整行将显示可编辑的内联文本框,您可以在其中输入文本以及复选标记和退出按钮。

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

有谁知道为什么?

1 个答案:

答案 0 :(得分: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);