ember.js - 入力フィールドの長さをカスタマイズする

Question

テキスト入力フィールドの長さをカスタマイズするにはどうすればよいですか? 次のコードを使用すると、入力フィールドが非常に長くなります。

{{input type="text" value=searchText placeholder="Search..."}}

Answer 1

@Unspecified が答えたものはある程度正しいですが、バインドする必要があるプロパティをmaxlengthの代わりに呼び出す必要があるため、正しく機能しませんmax-length。

したがって、次のようにする必要があります。

App.RestrictedTextField = Ember.TextField.extend({
  attributeBindings: ['maxlength'],
  'maxlength': 10
});

そして、次のように使用します。

{{view App.RestrictedTextField value=searchText placeholder="Search..."}}

動作する jsbin については、こちらを参照してください。

それが役に立てば幸い。

更新 @Davidのコメントに続いて、これは次の拡張と同等ですEmber.TextField：

{{view Ember.TextField placeholder="Search..." maxlength=10 value="searchText"}}

ここでは、2 つのアプローチを示す更新されたjsbinを示します。

Answer 2

{{input}}ハンドルバーヘルパーで属性を定義する方法がわかりませんが、attributeBindings

App.RestrictedTextField = Ember.TextField.extend({
  attributeBindings: ['maxlength'],
  'maxlength': 10
})

{{view App.RestrictedTextField value=searchText placeholder="Search..."}}