提问
SAPUI5 css addstyeclass

简单CSS无法用于我的SAPUI5应用程序UI元素TextView

2020-09-06 15:35发布

站内问答 / UI5
2256 12 6

点击此处---> 群内免费提供SAP练习系统（在群公告中）加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）我一定很想念一些简单的东西，但无...

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


我一定很想念一些简单的东西，但无法弄清楚。

在标记下的 index.html 中，我具有以下内容：

1。 这是放的正确位置吗？

然后在我的 createContent 函数中，所有UI元素都在我的 X.view.js 文件中，我有一个类似于以下内容的元素：

 new sap.ui.commons.TextView（" l_total"，{
    textAlign："右"，
 }）.addStyleClass（" background_test"）;

那根本行不通。 元素输出，但不应用任何样式。

然后我尝试使用以下继承的CSS及其 DID 的工作方式：

 new sap.ui.commons.TextView（" l_total"，{
    textAlign："右"，
 }）.addStyleClass（" sapUiTfBrd"）;

我还尝试创建单独的CSS文件，并在 index.html 的部分中使用以下语句无济于事：

2。 那么，如何覆盖现有的继承CSS并使用简单的自定义CSS？

谢谢

12条回答
微wx笑
2020-09-06 15:54

所以我尝试了 太。 不工作 found。 这是我的index.html文件。

 <！DOCTYPE HTML>
 
     <头>
         
         
        
         

         <！-CSS样式表->
         
        
         <脚本>
            //prj_1项目名称和文件夹名称
             sap.ui.localResources（" prj_1"）;
             var l_view_1 = sap.ui.view（{id：" vw_id_page_1"，viewName：" prj_1.PRJ_1"，键入：sap.ui.core.mvc.ViewType.JS}）；

            //不同视图的容器
             var l_panel_container = new sap.ui.commons.Panel（" l_panel_container"）;
             l_panel_container.addContent（l_view_1）;
             l_panel_container.placeAt（" content"）;

我在同一项目文件夹中有一个名为style.css的文件：（也许某处有一个小错字？）

然后我的X.view.js文件中有

 new sap.ui.commons.TextView（" l_subtotal"，{
    textAlign："右"，
    文字："测试文字"，
    宽度：" 150px"，
 }）.addStyleClass（" sapUiTfBrd background_grey"），

 新的sap.ui.commons.TextView（" l_total"，{
    textAlign："右"，
    宽度：" 150px"
 }）.addStyleClass（" sapUiTfBrd sapUiBodyBackground"）

结果：请注意，小计总计有一个框。 这来自CSS，因为TextView本身没有一个。 Total Box发生了两件事。 sapUiTfBrd的边框和sapUiBodyBackground的背景色。

但是我为小计指定的黑色背景颜色在哪里？ 为什么不接受我的CSS？ 我很沮丧。

一周热门 更多>