提问
SAPUI5

如何使TextArea占据整个空间

2020-08-24 09:50发布

站内问答 / UI5
2142 5 5

点击此处---> 群内免费提供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设置了相同的高度，并且可以正常工作。

一周热门 更多>