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

2020-09-06 15:35发布

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

谢谢

         点击此处--->   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条回答
wang628962
1楼 · 2020-09-06 16:16.采纳回答

你好Akhilesh:

感谢您的回复,但我觉得我们现在使事情变得过于复杂了,因此尽管无法正常工作,我将关闭此线程。

Sean

浮生未央
2楼-- · 2020-09-06 15:52

这对我有用,谢谢! 在加载我的CSS而不是索引文件时遇到了很多麻烦

半个程序猿
3楼-- · 2020-09-06 16:15

,请尝试将CS​​S文件包含在元数据中的组件文件中:

元数据:{

" includes":[" css/customStyles.css"],//自定义CSS文件路径

........

微wx笑
4楼-- · 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? 我很沮丧。

土豆飞人
5楼-- · 2020-09-06 15:55

两个地方都正确(index.html或单独的css文件)。

您的自定义css类必须应用于textview,但是由于您的 textview是空白的,这就是为什么样式不可见的原因。 放一些文字,然后查看:

 newsap.ui.commons.TextView(" l_total",{
    textAlign:"右",
    文字:" TextView控件"
 })。addStyleClass(" background_test"); 

,并且sapUiTfBrd是带有一些填充的边框类,因此它将仅作为边框可见。

,并覆盖任何现有标准

 background-color:#000000!important; 
haha101010
6楼-- · 2020-09-06 16:19

如果可以的话,您可以只在小提琴上共享您的项目吗? 让我看看,可能是您缺少了一些东西。

谢谢

N-Moskvin
7楼-- · 2020-09-06 15:54

您好,Akhilesh:

感谢您的快速回复。 我尝试添加"!important",但没有成功。 我什至做了以下事情:

 new sap.ui.commons.TextView(" l_total",{
    textAlign:"右",
    文字:"测试文字",
    宽度:" 150px",
 }).addStyleClass(" sapUiTfBrd background_grey"),//类别1-放置边框,类别2-颜色BG
 

您是对的。 我得到的边框也是我想要的,但是我没有使用背景色获得样式。 如果我执行以下操作:

 new sap.ui.commons.TextView(" l_total",{
    textAlign:"右",
    文字:"测试文字",
    宽度:" 150px",
 }).addStyleClass(" sapUiTfBrd sapUiBodyBackground"),//Class 1-放置边框,Class 2-颜色BG 

我得到了边界和SAP的背景。 我想要我自己的!

有什么我想念的吗?

谢谢

Sean

一周热门 更多>