Définition de l'attribut de taille d'un Ember.Textfield
-
14-11-2019 - |
Question
J'ai l'élément suivant dans une vue de bilan:
{{view Ember.TextField size="30" valueBinding="urlSearch.search_url"}}
Mais lorsque j'inspecte l'élément rendu, l'attribut de taille n'est pas dans l'élément:
<input id="ember346" class="ember-view ember-text-field" type="text" value="http://www.bdec-online.com/bd-cmpy/bd-cz.cfm">
Quelqu'un peut-il me dire comment puis-je définir l'attribut de taille d'un Ember.Textfield?
La solution
Je viens de soumettre une demande de traction pour ajouter de la taille et maxLength à Ember.Textsupport:
https://github.com/emberjs/ember.js/pull/545
Pendant que vous attendez cela, vous pouvez patcher Ember.Textfield comme ceci:
Ember.TextField.reopen({
attributeBindings: ['size', 'maxlength']
});
Autres conseils
Plus d'informations:
{{view Em.TextField attributeBindings="size" size="10"}}
Ou:
App.MyTextField = Em.TextField.extend({
attributeBindings: ['size'],
size: 2
});
{{view App.MyTextField}}
Em.TextField
définir size
En tant que reliure, mais il semble que vous deviez le redéfinir dans votre sous-classe ... mais je suis noob à Ember, alors qu'est-ce que je sais.
Ember.TextField
instances et le {{input type="text" ..}}
Helping Helper Utilisez la classe HTML ember-text-field
. Il existe des situations où il est acceptable de modifier toutes les instances de Ember.TextField
Avec un seul style cohérent, par exemple lorsqu'il n'y a qu'un seul champ de texte en braise dans votre application Ember. Ensuite, vous pouvez modifier la disposition associée à ember-text-field
via CSS, par exemple comme ceci:
.ember-text-field {
font-family: Amaranth, georgia, cursive;
font-size: 1.2em !important;
height: 1.2em !important;
width: 70%;
margin-left: 5%;
margin-right: 5%;
margin-top: 0.5em;
margin-bottom: 0.5em;
}