如何在 SAPUI5 中动态添加 CSS 到控制器

Question

我需要动态设置垂直布局的高度。我的页面有一个高度为 100px 的 header 图片，一个高度为 26px 的标签剩余部分是主要内容。我在App.controller.js写了下面的代码。没用

// tab_layt is the id of vertical layout var thisView = this.getView().byId("tab_layt"); var height = jQuery(window).height() - (jQuery(".header").height() + jQuery(".tab").height()); thisView.setHeight(height);

它显示错误

"thisView.setHeight is not a function".

Answer 1

sap.ui.layout.VerticalLayout 没有属性调用 height。

布局高度将自动与子元素的高度对齐。但是，您可以使用自定义 CSS 类来覆盖它，但实际上并不推荐这样做。

thisView.addStyleClass("nameOfTheCssClass");

或者您可以调整子元素的大小以填满整个屏幕 - 这将调整布局本身的大小。例如，如果您使用的是 table，则可以设置 table 的高度属性而不是外部布局。

（变量名 thisView 不是最好的，如果你正在引用一个布局，稍后当你试图理解你自己的代码时它可能会引起误解）

如何在 SAPUI5 中动态添加 CSS 到控制器

How to add CSS dynamically to a controller in SAPUI5

html

css

sapui5

sap-fiori