文本区域的高度属性不起作用（ExtJS的）

在这里，我创建了VBOX布局和一个文本区项目小组：文本区域的高度属性不起作用（ExtJS的）

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

渲染textareafields height属性后等于55，但是呈现组件高度ISN” T以下55

这里是小提琴：https://fiddle.sencha.com/#view/editor&fiddle/1ulh

来源

2017-04-26 Makha

你使用什么extjs版本和哪个主题？需要设置相同的小提琴 – Tejas

@ Tejas1991 ExtJs 5.1.2.748。主题酥脆。 – Makha

究竟要设置哪个高度 - >整个组件高度（包括字段标签）还是仅输入el高度？我将作出相应的修改 – Tejas

@Maxa：煎茶被指定默认的最小高度为60px.If你检查元素只有EL一部分，那么你会得到如下文本字段：

.x-form-text-default.x-form-textarea { 
line-height: 15px; 
min-height: 60px; 
}

可能的解决方案是您需要在您自己的应用程序的css文件中重写此类/属性。然后它将得到反映。请检查此解决方案并回复。

来源

2017-04-26 12:11:46 Tejas

是的，您是对的。高度必须大于86px。如果它更小，并且底部有第二个字段，那么我们会遇到溢出问题：https://fiddle.sencha.com/#view/editor&fiddle/1ulh – Makha

@Маха刚刚看到了这一点。这很奇怪，sencha没有在他们的文档或论坛上谈论这个...看起来像一个bug ... –

@卢多维奇是的，它是。这个约束用css设置，而不是minHeight属性。所以，这并没有让人困惑。 – Makha

-1

看起来像vbox默认是弯曲的。这里有一个fiddle来帮助你。

来源

2017-04-26 12:29:38

这不是弯曲。问题出在CSS最小高度约束。阅读最佳答案。 – Makha

的确，我检查了错误的东西。你可以尝试设置一个像$ form-text-field-height这样的sass var或者像回答一样。 –

文本区域的高度属性不起作用（ExtJS的）

回答

相关问题