Question

我目前正在使用SAPUI5 / OpenUI5中的自定义控件，我想知道如何将所需的CSS添加到应用程序中。我在哪里放置特定于我的控件的CSS代码？然后如何从控件加载它？我在文档中找不到任何内容....

谢谢和最诚挚的问候，丹尼尔

Answer 1

在this教程中，它描述了如何在自定义控件的渲染器中使用CSS。

如果您没有使用自定义渲染器，则可以像其他任何控件一样附加CSS，如here所述。

始终确保您加载CSS文件，例如在你的html文件中。

修改

根据评论jQuery.sap.includeStyleSheet()解决了它。

Answer 2

您应该在具有主题的控件库中创建所有自定义控件。 https://github.com/SAP/openui5/blob/master/docs/controllibraries.md

在sapui5引导程序中加载主题会导致控件库中library.css文件的加载具有相同的主题名称（例如＆＃34; sap_bluecrystal＆＃34;）。

Answer 3

在撰写本文时，您需要sap/ui/dom/includeStylesheet并在init函数中调用它。

示例：

sap.ui.define(
    [
        'sap/ui/core/Control',
        'sap/ui/dom/includeStylesheet'
    ],
    function (Control, includeStylesheet) {
        'use strict';

        return Control.extend('Example.control.MyControl', {
            // some more boilerplate code

            init: function () {
                includeStylesheet('../css/mycontrol.css');
            }
        });
    }
);

SAPUI5 / OpenUI5：自定义控件的CSS？

3 个答案: