TextArea 的高度 属性 不起作用 (ExtJS)
TextArea's height property doesn't work (ExtJS)
在这里,我创建了带有 vbox 布局和一个 TextArea 项目的面板:
Ext.create('Ext.form.Panel', {
width : 400,
height : 300,
layout :
{
type: 'vbox',
align: 'stretch'
},
renderTo : Ext.getBody(),
items :
[{
xtype : 'textareafield',
height : 55
}]
});
渲染后 textareafields 高度 属性 等于 55,但渲染组件高度不等于 55。
这里是fiddle:https://fiddle.sencha.com/#view/editor&fiddle/1ulh
@Maxa:Sencha 将文本字段的默认最小高度指定为 60px.If 你只检查元素的 el 部分然后你将得到如下所示:
.x-form-text-default.x-form-textarea {
line-height: 15px;
min-height: 60px;
}
可能的解决方案是您需要在您自己的应用 css file.Then 中覆盖此 class/property 它会 reflect.Please 检查此解决方案并回复。
在这里,我创建了带有 vbox 布局和一个 TextArea 项目的面板:
Ext.create('Ext.form.Panel', {
width : 400,
height : 300,
layout :
{
type: 'vbox',
align: 'stretch'
},
renderTo : Ext.getBody(),
items :
[{
xtype : 'textareafield',
height : 55
}]
});
渲染后 textareafields 高度 属性 等于 55,但渲染组件高度不等于 55。
这里是fiddle:https://fiddle.sencha.com/#view/editor&fiddle/1ulh
@Maxa:Sencha 将文本字段的默认最小高度指定为 60px.If 你只检查元素的 el 部分然后你将得到如下所示:
.x-form-text-default.x-form-textarea {
line-height: 15px;
min-height: 60px;
}
可能的解决方案是您需要在您自己的应用 css file.Then 中覆盖此 class/property 它会 reflect.Please 检查此解决方案并回复。