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