table 行中的条件格式

Question

亲爱的同事们大家好，

我想加粗总行并将突出显示设置为红色。

我正在使用事件 modelContextChange:

                    <ColumnListItem vAlign="Middle" modelContextChange="onModelContextChange">
                    <cells>
                        <!--<ObjectIdentifier title="{Name}" text="{year}"/>
                        <Text text="{month}"/>-->
                        <Text text="{salesOrganization}" modelContextChange="onTextContextChange" />
                        <Text text="{product}" />

活动代码：

        onModelContextChange: function (oEvent) {
        debugger
        var oListItems = oEvent.getSource();
        var oObject = oListItems.getBindingContext().getObject();
        if (oObject.salesOrganization === "Total") {
            // debugger
            oListItems.setHighlight("Error");
            // oText.addStyleClass("boldText");
        } else {
            oListItems.setHighlight("Information");
        }
    },

这种方法的问题是，当上下文没有改变时，突出显示无法正常工作。我试过使用自定义格式，但无法正常工作。另外，我找不到一种方法来读取行值来执行上面相同的逻辑。

你能告诉我如何实现它吗？

非常感谢彼得罗

Answer 1

查看：

<Table mode="SingleSelectMaster" select="selectItem">

控制器：

selectItem: function(oEvent){
    const oSelectedItem = oEvent.getSource().getSelectedItem();
    oEvent.getSource().getItems().forEach(oItem => oItem.removeStyleClass("boldText")); //Remove bold class from all items
    oSelectedItem.addStyleClass("boldText"); //Add class to selected item
},

CSS:

.boldText>td>span{
    font-weight: bold !important;
}

table 行中的条件格式

Conditional formatting in table line

sapui5

sap-fiori