html - 如何在 SAPUI5 中将 CSS 动态添加到 Controller

Question

我需要动态设置垂直布局的高度。我的页面有一个高度为 100px 的标题图像，一个高度为 26px 的选项卡，其余部分是主要内容。我在 App.controller.js 中编写了以下代码。没用

//tab_layt为垂直布局id
var thisView = this.getView().byId("tab_layt");
var height = jQuery(window).height() - (jQuery(".header").height() + jQuery(".tab").height());
thisView.setHeight(高度);

显示错误

"thisView.setHeight is not a function".

Answer 1

sap.ui.layout.VerticalLayout 没有名为 height 的属性.

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

thisView.addStyleClass("nameOfTheCssClass");

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

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