Contao-Camp 2024
Ergebnis 1 bis 5 von 5

Thema: Tag-Filter Ansicht im Frontend

  1. #1
    Contao-Nutzer
    Registriert seit
    21.07.2010.
    Beiträge
    11

    Standard Tag-Filter Ansicht im Frontend

    Hallo Leute,

    im Backend kann ich meine Eingabemaske ja so anzeigen lassen, dass ich mir Tags setzen kann:

    1.png

    Kann ich die gleiche Ansicht für eine Mehrfachauswahl auch als Filter im Frontend verwenden? Quasi ein multiple select...

    Hier noch ein Beispiel:

    2.png

    Doku und sonstige Foreneinträge habe ich bereits durchsucht.

    Danke und Grüße,
    mic

  2. #2
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    So ein Select kannst Du beispielsweise mit https://select2.org/ prima in der Darstellung aufbohren.

  3. #3
    Contao-Urgestein Avatar von zonky
    Registriert seit
    19.03.2010.
    Ort
    Berlin, Rdf
    Beiträge
    9.681
    User beschenken
    Wunschliste

    Standard

    du kannst für jedes Filteritem ein eigenes Template anlegen und bei der Filterregel auswählen ... dort kannst Du Dich austoben

  4. #4
    Contao-Nutzer
    Registriert seit
    21.07.2010.
    Beiträge
    11

    Standard

    Hallo,

    ich habe es mit Hilfe von select2 implementiert. Works like a charm! Danke für den Tipp!

    Schritte:
    1. select2 js und css eingebunden (min-Version für beide verwendet)
    2. Eigenes Template angelegt:
      PHP-Code:
      <?php $this->extend('mm_filteritem_default'); ?>

      <?php $this->block('formfield'); ?>
      <?php 
      if(is_array($this->options) && count($this->options)>0): ?>
      <select name="<?= $this->urlparam ?>[]" multiple="multiple" id="ctrl_<?= $this->urlparam ?>" class="select2-filter">
      <?php
      $count 
      0;
      foreach (
      $this->options as $option):
          
      $class = ($count == 0) ? 'first ' '';
          
      $class .= ($count == count($this->options) - 1) ? 'last ' '';
          
      $class .= ($count == 1) ? 'even' 'odd';
          
      $class .= (strlen($option['class'])) ? ' ' $option['class'] : '';
      ?>

      <?php
          $field 
      sprintf(
              
      '<option name="%s" id="opt_%s_%s" class="options_box-%s" %s value="%s">%s</option>',
              
      $this->urlparam,
              
      $this->urlparam,
              
      $count,
              
      $count,
              
      $option['active'] ? 'selected="selected"' '',
              
      $option['key'],
              
      $option['value']);
          
      $count++;
      ?>
      <?= $field ?>
      <?php 
      endforeach; ?>
      </select>
      <?php endif; ?>
      <?php $this
      ->endblock(); ?>
    3. Template dem Filter/Filtern zugewiesen
    4. Select-Feld in onLoad initialisiert:
      Code:
      $('.select2-filter').select2();


    Grüße, mic

  5. #5
    Contao-Urgestein Avatar von zonky
    Registriert seit
    19.03.2010.
    Ort
    Berlin, Rdf
    Beiträge
    9.681
    User beschenken
    Wunschliste

    Standard

    kann man das Ergebnis irgendwo bewundern?

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •