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..."}}

请参阅here了解有效的jsbin。

希望它有所帮助。

<强>更新按照@ David的评论，这相当于扩展Ember.TextField：

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

这里有一个更新的jsbin，显示了两种方法。

Answer 2

不知道如何在把手{{input}}助手中定义属性，但我们绝对可以在attributeBindings的帮助下完成此任务

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

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

自定义输入字段的长度

2 个答案: