it-swarm.com.de

Ist es möglich, nummerierte Klassen in einer Ansichtszeile abzurufen?

Ich habe kurz mit drupal 7) gearbeitet und dachte, dass es dort möglich ist, aber in drupal 8 ist es möglich, dass eine Ansicht eine nummerierte Klasse ausgibt? Zum Beispiel?

<div class="view">

<div class="view-row-1"></div>
<div class="view-row-2"></div>
<div class="view-row-3"></div>
<div class="view-row-4"></div>

</div>

Ich weiß, dass ich jeder Zeile eine Klasse hinzufügen und jeder Zeile dieselbe Klasse geben kann.

5
BrandenB171

In Drupal 7 und 8) sind die Zeilenklassen zum Hinzufügen von Ansichten standardmäßig aktiviert.

(enter image description here

Das Problem ist, dass es in Drupal 8) nicht funktioniert. (Sieht so aus, als wäre dies ein Fehler.)

(enter image description here

Wie Sie im obigen Bild sehen können, fehlt die Nummer in der div-Klasse.

Zum Glück gibt es eine Problemumgehungslösung.

Fügen Sie in FIELDS Global hinzu: Ergebniszähler anzeigen und ausblenden

Klicken Sie im FORMAT auf Einstellungen (die erste).

Geben Sie für die Zeilenklasse beispielsweise Folgendes ein: hello-{{ counter }} und deaktivieren Sie "Ansichtszeilenklasse hinzufügen", da Sie diese nicht benötigen.

(enter image description here

Ergebnis

(enter image description here

9
No Sssweat

Ich mochte die Lösung von @ No Sssweat

Da die obige Lösung immer noch ein Problem in https://www.drupal.org/node/2669394 ist.

Eine andere Möglichkeit ist . Schreiben Sie die Ergebnisse neu , wo Sie die gewünschten Klassen hinzufügen können.

Global hinzufügen: Ergebniszähler anzeigen und aus der Anzeige ausblenden

<div class="views-row-{{ counter }}">
</div>
4
DRUPWAY

Sie können dies auch in Ihrer Ansichtsansicht - [Ansichtsname] .html.twig-Vorlage tun, indem Sie sie ersetzen

{{ rows }}

mit

{% set totalrows = rows[0]['#rows']|length %}
{% for row in rows[0]['#rows'] %}
     {% set rownum = ( rownum | default(0) ) + 1 %}
     <p>This is row: {{ rownum }} of {{ totalrows }}</p>
     {{ row }}
{% endfor %}
1
MikeP

Oder Sie können das Modul Semantic Views verwenden, um Zeilenklassen, erste/letzte in jeder n-ten Zeile, benutzerdefiniertes Markup und mehr zu nummerieren.

0
eye-wonder