如何使TextArea占据整个空间

2020-08-24 09:50发布

         点击此处--->   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)

         点击此处--->   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
1楼 · 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设置了相同的高度,并且可以正常工作。

愤怒的猪头君
2楼-- · 2020-08-24 10:31

感谢Jay的回应。 我只是使它适用于示例文本区域。 它肯定不会在任何地方工作。 主要的基本思想是获取父容器的高度并将其动态设置为textarea。 很高兴分享知识。

派大星 ヾ
3楼-- · 2020-08-24 10:27

嗨,杰伊,

我不知道答案。 我知道的是,默认情况下,行数=2。因此,textArea显示2行。 如果再添加几行,则会增加高度。 也许您可以尝试使用行作为替代。

感谢和问候,

Abhijeet

槿木_熙
4楼-- · 2020-08-24 10:28

嗨Abhijeet,

感谢您的回复。 不幸的是,玩行并不能带来我想要的东西。 但是我现在有一个解决方案,????。

Jay

hengyuye
5楼-- · 2020-08-24 10:06

遗憾的是,此行为在1.68.0中仍然存在

在没有buildig替代元素或计算父母身高的情况下,真的有机会配置Textarea吗?

一周热门 更多>