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

Question

根据documentation of X-editable，有一个template属性。它允许指定使用的输入元素，如textarea。但它似乎被我的应用程序忽略。所以，我想一个简单的例子，像文档：

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

由这家名为JS

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

我得到的x可编辑的，但基本的一个，其内部有一个输入元素：

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