Startseite > Lotus Notes-Software , Lotus Notes-Tutorial , Notes-Designer , Web-Notes > Set Alternate Zeilenfarben in Lotus Notes Web

Set Alternate Zeilenfarben in Lotus Notes Web

Wenn Sie eröffnen einen Blick in einem Browser, nicht mit dem Java-Applet (weil das Java-Applet nimmt so viel länger zu öffnen, vor allem über eine Telefonleitung) und wollen abwechselnd hintereinander Farben (ja, tut dies Rnext haben, aber diese ist für diejenigen von euch nicht auf Rnext noch), dann ist dies eine Möglichkeit, es zu tun. Es gibt mehrere Wege dies zu erreichen, so ist dies keineswegs die einzige Möglichkeit.


Fügen Sie eine Spalte ganz links der Ansicht. Sicherstellen, dass die Spalte keinen Sortierung zugeordnet ist, oder es wird die Sortierung in Ihrer Spalte zu zerstören. Der Titel dieser Spalte ist:

[<script Language=javascript> document.write ('</ tr>'); </ script>]

Sie werden in einer Minute, warum, dass die Spalte Titel ist zu sehen. Die Formel für diese Spalte ist:

"[<script Language=javascript> document.write (\ '</ tr> <tr\' + + ("DocNumber +"% 2 \'bgcolor=b1dfff> \?': \ "> \ ') + \ '\'); </ script>] "

Beachten Sie, dass es sowohl einen String und ein Notes-Formel in dieser Linie. Teil des Strings ist einige literale Zeichen für JavaScript - deshalb ist es ein wenig verwirrend aussieht.

Hier ist, was in der aktuellen Spalte Formel geschieht. Ein Text-String wird an den Browser geschrieben werden. Dieser String, für das erste Dokument in der Ansicht, aussehen wird:

</ Tr> <tr bgcolor=b1dfff> und für das zweite Dokument in der Ansicht wird es so aussehen: </ tr>

Es gibt eine Menge von JavaScript zu schreiben, dass nur wenig Text gibt. Was ist in der JavaScript passiert ist, dass es aus schreibt </ tr> <tr egal was passiert. Dann erzählt der Pluszeichen JavaScript, dass der String, der folgt verkettet werden. Der String, der folgt, ist das Ergebnis einer JavaScript Formel. Die Formel (in Klammern) sagt, nehmen Sie sich integer und teilen sie durch 2 und erhalten den Rest (entweder 0 oder 1). Wenn es 1 ist, dann fügen Sie den Text bgcolor = b1dfff> auf den String, dass wir schriftlich. Wenn es sich um 0, fügen Sie den Text> auf den String, dass wir schriftlich. Dadurch, dass alle in Klammern eine schnelle JavaScript Weise des Tuns ein "if / then / else"-Anweisung ist. Der erste Teil (vor dem Fragezeichen) ist die Aussage zu einem Wahr / Falsch-Wert zu bewerten. Zwischen dem Fragezeichen und dem Doppelpunkt ist was zu tun ist, wenn die Aussage wahr ist und nach dem Doppelpunkt ist was zu tun ist, wenn die Aussage falsch ist. Nach diesem Bit ein Text ist mit der Leitung gegeben, dann ein Leerzeichen geschrieben wird.

Jetzt, in jeder Zeile auf dem Tisch, dass Domino baut, hören wir auf die Zeile, die Domino generiert und unsere eigene Zeile entweder mit einer Hintergrundfarbe oder nicht (b1dfff ist eine hellblaue Farbe). Da wir tun wollen, wird eine zusätzliche leere Zelle auf dem Bildschirm ganz links geschrieben werden. Es wird dem Benutzer nicht angezeigt, da gibt es keinen Wert darin, aber es wird da sein. Dies bedeutet, dass die Spaltenüberschriften wäre durch 1 Säule sei denn, wir stoppen und starten diese Zeile, weshalb der Spalte Titel ist, wie es ist. Man könnte einen Hintergrund auf den Spaltentitel setzen, wenn Sie wollen, aber ich wählte in diesem Beispiel, um es allein zu lassen.

Hinweis: Da dieser Code in der ersten Spalte platziert wird und die erste Spalte ist (standardmäßig) derjenige, der die Links zeigt, wird die Ansicht keine Links haben, es sei denn Sie haben etwas zu zeigen, die Links zu tun. Wählen Sie die gewünschte Spalte zu sein "anklickbar" und stellen Sie die Column-Eigenschaft "Diesen Spalte als Links".

Ein weiterer Hinweis: Da gibt es cellspacing und cellpadding, dass Domino für diese Tabelle erzeugt, wird es eine kleine Lücke in-zwischen Zellen auf die Zeile, dass Sie die Farbe eingeschaltet werden. Der einzige Weg, um also nicht mit einem Blick und bauen all das HTML für die Tabelle selber. Aber es sieht nicht so schlecht, dass alle auf diese Weise, so ist es eine anständige Lösung. Und das Beste ist, einmal haben Sie diese Spalte in einer Ansicht definiert, es ist generisch. Das heißt, Sie können kopieren und fügen Sie diese Spalte für andere Ansichten und das gleiche tun.

Abschließende Anmerkung: Wenn Sie mit dieser Methode sind in einer kategorisierten Ansicht, dann @ DocNumber wird eine Zahl mit einer Dezimalzahl in ihm zurückzukehren. Dies kann nicht generiert werden die Ergebnisse Sie erwarten, oder vielleicht sogar einen Fehler verursachen, abhängig von den Ebenen der Kategorisierung. Wenn das der Fall ist, dann ändern Sie Ihre Spalte Formel so aus:

"[<script Language=javascript> document.write (\ '</ tr> <tr \' + (parseInt (\" "+ @ DocNumber (" _ ") +" \ ". Substring (\" "+ @ DocNumber ("_") + "\". lastIndexOf (\ "_ \") +1, \ "" + @ DocNumber ("_") + "\". Länge))% 2? \ 'bgcolor = b1dfff> \ ": \"> \ ') + \' \ '); </ script>] "

Was dieser Code ist tatsächlich tun wird im allerletzten Wert in der Kategorie suchen. Für Top-Level-Kategorien (oder alle Dokumente, wenn keine Kategorisierung verwendet wird), dann erneut beurteilen Sie das gesamte Dokument-Nummer. Damit Sie am Ende mit alternativen Zeile Farben innerhalb jeder einzelnen Ebene der Kategorisierung. Das ist nicht ganz dasselbe wie alternative Zeile Farben für jede einzelne Zeile, aber es ist ziemlich nahe.

Gesehen 8285 mal von 2235 Zuschauern

  1. Christoph Arras
    4. März 2010 um 14:03 | # 1

    Vielen Dank!

  1. Bisher keine Trackbacks.