SAPUI5-Tabelle - ändern der Schriftgröße und Schriftfarbe bedingt (in SAP) - wie es richtig zu machen?

Aufgrund der Tatsache, dass es viele threads dazu auf SCN, und auch hier, wo die Menschen versuchen herauszufinden, wie man Ändern Sie schriftart, Farbe und Schriftgrad bedingt, Sie werden eine Lösung finden, mit der Manipulation der CSS-oder DOM-via jQuery - das ist nicht so wie es sein soll.

Ich will den Weg Zeigen, wie Sie diese einrichten, Kontrolle der Farbe und schriftart mit dem SAP-backend!

Einfaches Beispiel sind, zeigen Sie positive und negative Werte in einer SAPUI5-Tabelle, sprich positive Werte:

Benötigen Sie, um mehrere Attribute in Ihrer Person, eine für design und eine für Klasse:

Dann erhöhen Sie die Methode in ABAP mit den jeweiligen Werten (später erklärt im Detail, welche Werte vorhanden sind):

SAPUI5-Tabelle - ändern der Schriftgröße und Schriftfarbe bedingt (in SAP) - wie es richtig zu machen?

und schließlich in UI5 Tabelle Definition einer Referenz:

SAPUI5-Tabelle - ändern der Schriftgröße und Schriftfarbe bedingt (in SAP) - wie es richtig zu machen?

und dort gehen Sie, markiert man eine einzelne Zeile mit einer positiven Bedeutung (sorry für das schwarz ... es ist nicht für die öffentlichkeit bestimmt 😉 alle anderen Zeilen werden nicht Fett und nicht grün)
SAPUI5-Tabelle - ändern der Schriftgröße und Schriftfarbe bedingt (in SAP) - wie es richtig zu machen?

Verfügbaren Optionen in SAP:
https://openui5.hana.ondemand.com/#docs/api/symbols/sap.ui.commons.TextViewDesign.html
https://openui5.hana.ondemand.com/#docs/api/symbols/sap.ui.commons.TextViewColor.html

Dies funktioniert in der Tat für die standard UI5 Eigenschaften wie design und semanticColor mit Ihren vorgegebenen Wert. Aber ich möchte in eine Zelle eine rote Grenze #F00, Hintergrundfarbe der Zelle gedimmt gelb #FF8, und der text selbst ein helles lila #F0F in Courier Bold? 😉

InformationsquelleAutor dotchuZ | 2015-04-02

3

Gibt es keine offizielle Möglichkeit, so etwas zu tun neben der Erstellung Ihrer eigenen Implementierung von sap.ui.Tabelle.Spalte.

Sowieso, Sie können hinzufügen bedingter Stil-Klassen mit diesem kleinen workaround hier:
```
var oColumn = new sap.ui.table.Column({
    label: new sap.ui.commons.Label({
        text: "Last Name"
    }),
    template: new sap.ui.commons.TextView({
        text: {
            path: 'Counter',
            formatter: function(sValue) {
                //in here this refers to your TextView
                //get the cell (depending on your template you might have to add more getParent calls here for nested controls)
                var oCell = this.getParent();

                //remove all possible style classes first because table cells might get reused
                oCell.removeStyleClass("newStyleClass");
                oCell.removeStyleClass("otherStyleClass");

                //add conditional style
                if (whatever) {
                    oCell.addStyleClass("newStyleClass");
                } else {
                    oCell.addStyleClass("otherStyleClass");
                }

                //just statically return the text since we are not interested in changing it
                return sValue;
            }
        }
    })
});
```
Habe ich nur aufgeschrieben und hat nicht ausgeführt, aber es sollte genug sein, Sie zu führen 😉

Dazu 'aus dem backend' Sie müssen nur zu bieten ein zusätzliches Feld in Ihrem service sagen, 'styleClass', die binden Sie zu jeder Eigenschaft Ihrer Vorlage und verwenden Sie einen formatter zum einstellen der style-Klassen, wie Sie oben dargestellt sind.

BR
Chris

Dies funktioniert in der Tat groß, und dies ist die gleiche Vorgehensweise benutze ich auch. Aber ich habe noch herauszufinden, wie man diese Arbeit mit XMLViews -- in XMLViews this im formatter bezieht sich auf den controller und nicht auf die Kontrolle der formatter-callback-Funktion verweist.
Wenn Sie die Verwendung einer statischen formatter wird auch diese beziehen sich auf die Steuerung in einer XMLView.
Im Gegensatz zu einem formatter in den controller meinst du? Danke, ich werde versuchen, dass! 😀
Die Möglichkeit der übergabe eines Kontext wäre ein viel besserer Ansatz... Aber Sie haben zu Leben mit dem, was das framework ermöglicht es Ihnen,: D Btw: ich habe nicht versucht, { formatter: [ '.formatterInTheController'] }

InformationsquelleAutor cschuff

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.