2017-04-26 5 views
2

Hier habe ich die Platte mit vbox Layout und ein TextArea- Artikel:TextArea- Höhe Eigenschaft funktioniert nicht (ExtJS)

 Ext.create('Ext.form.Panel', { 
      width  : 400, 
      height  : 300, 
      layout  : 
      { 
       type: 'vbox', 
       align: 'stretch' 
      }, 
      renderTo  : Ext.getBody(), 
      items  : 
      [{ 
       xtype  : 'textareafield', 
       height  : 55   
      }] 
     }); 

Nach textareafields Höhe Eigenschaft machen ist gleich 55, aber gemacht Komponenten Höhe isn‘ t gleich 55.

Hier ist die Geige: https://fiddle.sencha.com/#view/editor&fiddle/1ulh

+0

Welche extjs Version verwenden Sie und welches Thema? müssen gleich in Geige setzen – Tejas

+0

@ Tejas1991 ExtJs 5.1.2.748. Thema knackig. – Makha

+0

Genau die Höhe, die Sie einstellen möchten -> Gesamte Bauteilhöhe (einschließlich Feldbezeichnung) oder NUR Eingabe-Höhe? Ich werde die notwendigen Korrekturen entsprechend vornehmen. – Tejas

Antwort

2

@Maxa: Sencha ist die Angabe Standard min-height des Textfeldes als 60px.If Sie Element inspizieren nur el Teil dann werden Sie als unten:

Die mögliche Lösung ist, dass Sie diese Klasse/Eigenschaft in der CSS-Datei Ihrer eigenen Anwendung überschreiben müssen. Dann wird es reflektiert. Überprüfen Sie diese Lösung und antworten Sie.

+1

Ja, Sie haben Recht. Die Höhe muss größer als 86 Pixel sein. Wenn es kleiner ist und es ein zweites Feld unten gibt, dann haben wir Überlaufprobleme: https://fiddle.sencha.com/#view/editor&fiddle/1ulh – Makha

+1

@ Маха sah das gerade. Das ist seltsam, dass Sencha nicht in ihrer Dokumentation oder ihrem Forum darüber spricht ... Sieht aus wie ein Käfer ... –

+1

@Ludovic Ja, ist es. Diese Einschränkung wurde mit css und nicht mit der minHeight-Eigenschaft festgelegt. Also, es ist wenig verwirrend. – Makha

-1

Sieht so aus, als ob die Vbox standardmäßig gebogen wird. Hier ist ein fiddle, um Ihnen zu helfen.

+1

Es ist nicht biegsam. Problem war in Css Min-Höhe Einschränkung. Lesen Sie die beste Antwort. – Makha

+0

Richtig, ich inspizierte das falsche Ding. Sie könnten versuchen, eine sass var wie $ form-text-field-height zu setzen oder antwort zu machen. –