无法动态设置CSS样式(单元格颜色)

2020-08-31 23:49发布

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

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


专家,

我正在尝试根据两个参数来达到要求给出身份的要求。 我能够获得最新状态,但无法获得单元格颜色。 XML代码: Formatter js availableColor:function(available,available1 ){var that = this; var idText = that.getView()。byId(" idStatus"); idText.removeStyleClass(" yellow"); if(available ==="" && available1 ===" Y"){idText.addStyleClass(" yellow"); 返回"保持"; } else if(available ===" Y" && available1 ===" Y"){返回"保持"; } if if(available ===" N" && available1 ===" Y"){idText.addStyleClass(" yellow"); 返回"保持"; }否则if(available ===" Y" && available1 ===""){返回"保持"; } else if(available ==="" && available1 ===""){返回可用; } else if(available ==="" && available1 ===" N"){idText.addStyleClass(" yellow"); 返回"删除"; }否则if(available ===" N" && available1 ===" N"){返回"删除"; } else if(available ===" Y" && available1 ===" N"){idText.addStyleClass(" yellow"); 返回"删除"; } else if(available ===" N" && available1 ===""){返回"删除"; }}}; CSS样式表:.yellow {background-color:#FFFF66!important; } Json数据:{" parameter":""," parameter1":" Y",},{},{} ....

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

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


专家,

我正在尝试根据两个参数来达到要求给出身份的要求。 我能够获得最新状态,但无法获得单元格颜色。 XML代码: Formatter js availableColor:function(available,available1 ){var that = this; var idText = that.getView()。byId(" idStatus"); idText.removeStyleClass(" yellow"); if(available ==="" && available1 ===" Y"){idText.addStyleClass(" yellow"); 返回"保持"; } else if(available ===" Y" && available1 ===" Y"){返回"保持"; } if if(available ===" N" && available1 ===" Y"){idText.addStyleClass(" yellow"); 返回"保持"; }否则if(available ===" Y" && available1 ===""){返回"保持"; } else if(available ==="" && available1 ===""){返回可用; } else if(available ==="" && available1 ===" N"){idText.addStyleClass(" yellow"); 返回"删除"; }否则if(available ===" N" && available1 ===" N"){返回"删除"; } else if(available ===" Y" && available1 ===" N"){idText.addStyleClass(" yellow"); 返回"删除"; } else if(available ===" N" && available1 ===""){返回"删除"; }}}; CSS样式表:.yellow {background-color:#FFFF66!important; } Json数据:{" parameter":""," parameter1":" Y",},{},{} ....

付费偷看设置
发送
9条回答
槿木_熙
1楼 · 2020-09-01 00:40.采纳回答

嗨拉姆,

在您的方法availableColor中,尝试使用this.removeStyleClass(" yellow"); 和this.addStyleClass(" yellow");

不需要通过ID获取控件,因为当您在表中使用控件时, ID不会是静态的。


谢谢

Vaibhav

梦想连接
2楼-- · 2020-09-01 00:27

...... .....

huskylover
3楼-- · 2020-09-01 00:46

嗨, ram mishra

JSON包含表数据,我假设您正在使用表中的"文本"字段。

具有id =" idStatus"的元素用作表行的模板。 因此,如果您更改idText,则只需更改模板,接下来创建的行将进行此更改(例如,添加了styleclass)。

您可以在formatter函数中执行类似的操作来更改实际的附加行- (对于静态数据,可以)

 var oDataTable = this.getView()。byId(" table0");
 var oTableLines = oDataTable.getItems();
 如果(oTableLines.length> 0){
 var cells = oTableLines [oTableLines.length-1] .getCells(); //最后一行

 如果(cells [0] .getValue()===" changeClass"){
 cells [1] .addStyleClass(" yellow");
 }
 }
 

或在每次更新时最好检查表:

 <表id =" table0" items =" {路径:'/MyCollection'}"
        updateFinished =" onUpdateFinished">
 
 onUpdateFinished:函数(){
 var oDataTable = this.getView()。byId(" table0");
 var oTableLines = oDataTable.getItems();
 for(var line = 0; line  

致谢

Domi

能不能别闹
4楼-- · 2020-09-01 00:40

嗨,Ram,很抱歉,但是阅读该代码确实很困难。

使用注释表单顶部的CODE工具。 :)

Sebastiano

南山jay
5楼-- · 2020-09-01 00:30

嗨Ram,

默认情况下,您无需分配样式颜色类,请根据 格式化程序功能。

请在格式化程序功能中尝试以下代码。

格式化程序js代码:
 availableColor:function(param1,param2){
 var idText = this.getView()。byId(" idStatus");
 if(param1!=== param2)
 {
 idText.addStyleClass(" yellow");
 if(param1 ===""){
 返回参数2;
 }
 其他{
 返回" Y";
 }
 }
 其他
 {
 返回参数1;
 }
 } 

如果您仍然无法满足要求,请告诉我。

关于此,

Rohit

骆驼绵羊
6楼-- · 2020-09-01 00:25
 XML代码:
  


 Formatter.js代码:
 availableColor:function(available,available1){
                 var that = this;
                 var idText = that.getView()。byId(" idStatus");
                 idText.removeStyleClass(" yellow");

                 if(available ==="" && available1 ===" Y"){

                     idText.addStyleClass(" yellow");
                     返回"保持";
                 } else if(available ===" Y" && available1 ===" Y"){
                     返回"保持";

                 }否则if(available ===" N" && available1 ===" Y"){
                     idText.addStyleClass(" yellow");
                     返回"保持";
                 }否则if(available ===" Y" && available1 ===""){
                     返回"保持";
                 }否则if(available ==="" && available1 ===""){
                     可退货;
                 } else if(available ==="" && available1 ===" N"){
                     idText.addStyleClass(" yellow");
                     返回"删除";
                 } else if(available ===" N" && available1 ===" N"){

                     返回"删除";
                 } if if(available ===" Y" && available1 ===" N"){
                     idText.addStyleClass(" yellow");
                     返回"删除";
                 }否则if(available ===" N" && available1 ===""){
                     返回"删除";
                 }


             }

         };

 CSS代码:
 。黄色 {
     背景颜色:#FFFF66!important;
 }

 JSON文件:

 ["结果"
 {
     " parameter":"",
     " parameter1":"",
 },{
     " parameter":"",
     " parameter1":" Y",
 },

 {
     " parameter":"",
     " parameter1":" N",
 },

 {
     " parameter":" Y",
     " parameter1":" Y",
 },

 {
     "参数":" N",
     " parameter1":" N",
 },

 {
     " parameter":" Y",
     " parameter1":"",
 },

 {
     "参数":" N",
     " parameter1":"",
 },

 {
     " parameter":" Y",
     " parameter1":" N",
 },

 {
     "参数":" N",
     " parameter1":" Y",
 }] 
一只江湖小虾
7楼-- · 2020-09-01 00:44

好! 非常感谢Vaibhav。

一周热门 更多>