X編集可能なカスタムテンプレートは無視されます

Question

documentation of X-editableによれば、template属性があります。これは、textareaのような使用された入力要素を指定することを可能にします。しかし、私のアプリでは無視されているようです。だから私は、ドキュメント内のような簡単な例を試してみました：

：このによって呼び出され

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

が、私はX-編集可能な、しかし内部の入力要素を持っている基本的なものを、持っ

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

JS

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

ここで間違っている情報は見つかりませんでした。最新バージョンv1.5.1が使用されています。

Answer 1

私の間違いが見つかりました：数年前、Bootstrap editableはx-editableに改名されました。一部の属性の名前が変更されました。たとえば、template〜tplです。それが属性が無視される理由です。私はまだコンポーネントに慣れていないので、これに気付かなかった。

第2に、カスタムrows属性があります。したがって、テンプレートを使用して行をカスタマイズする必要はありません。あなたは、単に

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

を使用することができます。しかし、それは、カスタムテンプレートを定義することも可能です。

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

可能なオプションについての実際の情報がnew documentation of x-editableで見つけることができます。たとえば、CSS（クラス）、または何か他のものを適用したいとき。