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 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中找到。