忽略X-editable中的自定义模板

Question

根据documentation of X-editable，有一个template属性。它允许指定使用的输入元素，如textarea。但它似乎在我的应用程序中被忽略了。因此，我尝试了一个简单的示例，如文档中所示：

<a href="#" id="test"></a>

由该JS调用

$('#test').editable({
    template: '<textarea rows="1"></textarea>'
});

我得到了x-editable，但它是基本的，里面有一个input元素：

<input type="text" class="form-control input-sm" style="padding-right: 24px;">

找不到任何信息我做错了什么。使用最新版本v1.5.1。

Answer 1

发现我的错误:几年前，Bootstrap editable被重新命名为x-editable。某些属性已重命名。例如，从template到tpl。这就是为什么该属性被忽略的原因。我还没有注意到这一点，因为我对这个组件还不熟悉。

其次，有一个自定义的rows属性。因此模板不是定制行所必需的。您可以简单地使用

$('#test').editable({
    type: 'textarea',
    rows: 10
});

但也可以定义自定义模板。例如，当您要应用CSS (类)或其他内容时：

$('#test').editable({
    type: 'textarea',
    tpl: '<textarea id="my-id"></textarea>'
});

有关可能选项的实际信息可以在new documentation of x-editable中找到。