如何使TextArea占据整个空间

2020-08-24 09:50发布

点击此处---> 群内免费提供SAP练习系统(在群公告中)加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)亲爱的UI5专家 我正在创...

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


亲爱的UI5专家

我正在创建一个网页,遇到了一些困难。 该页面有一个包含三个FlexBox的面板。 FlexBox#1和#2各自占据10%的高度,而FlexBox#3则占据其余80%的高度。 在FlexBox#3中,我放置了一个TextArea,我希望它占据整个FlexBox空间。 我将width =" 100%"设置为有效。 但是,将height =" 100%"设置不会达到预期效果。 TextArea仍然很小。 我可以将高度设置为特定的数字,例如" 300px",它可以放大TextArea,但这不是理想的方法。

能否让我知道什么是正确的属性设置?

下面是代码:

{code}

<面板高度=" 100%">

<项目>

<项目>

<项目>

<项目>

{code}

这是到目前为止我得到的屏幕截图:

非常感谢!

周杰伦

(62.2 kB)
5条回答
ZJXianG
2020-08-24 10:08 .采纳回答

杰伊,你好

您可以获取父高并将其设置为文本区域。

var txtArea = this.getView()。byId(" textarea");

var parentId = txtArea.getParent()。getId();

var heightParent = $("#" + parentId +"-cont")。css(" height");

//console.log(" Height:" + parentId);

txtArea.setHeight(heightParent);

这里的Textarea位于页面内,因此我获得了页面内容的高度,并为textarea设置了相同的高度,并且可以正常工作。

一周热门 更多>