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

【问题标题】：Custom template in X-editable is ignoredX-editable 中的自定义模板被忽略
【发布时间】：2017-03-05 20:15:38
【问题描述】：

根据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。

【问题讨论】：

【解决方案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 中找到。

【讨论】：