Contao-Camp 2024
Ergebnis 1 bis 5 von 5

Thema: Select Plugin Event-Weiterleitung

  1. #1
    Contao-Nutzer
    Registriert seit
    24.02.2016.
    Beiträge
    183

    Standard Select Plugin Event-Weiterleitung

    Hallo zusammen,
    ist es denkbar möglich, Select-Plugins wie Select2, Chosen oder Selectize zu verwenden, welche das Select-Menü der Produktvarianten verstecken und dann das Click-Event, von den "Overlays" an das "originale" Auswahlmenü weiterzuleiten? Die selected-Attribute werden beim versteckten Menü richtig anzeigt, aber das Event, welche die Varianten wechselt, wird nicht ausgelöst.

  2. #2
    Contao-Nutzer
    Registriert seit
    24.02.2016.
    Beiträge
    183

    Standard

    Ich habe nun das change-Event des originalen Select-Menüs aufgerufen, sobald beim Select2 ein Ergebnis angeklickt wurde. Um ein erfolgreiches triggern zu prüfen hab ich selbst ein change-Listener an das Select-Menü angehängt.

    Code:
    (function($) {
        $(document).ready(function(){
            // init of the select2-plugin
            $('select').select2();
    
            // add event handler when a result of the select2-menu is clicked
            $('select').on('select2:select', function (event){ 
    
                // trigger change event on the original select-menu
                $(event.currentTarget).change(); 
    
            });
    
            // change event handler of the original-select menu
            $('select').change(function(event) { 
                console.log(event.currentTarget);
            });
        });
    })(jQuery);
    Beim auswählen einer Select-Option wird jedoch nur mein Output angezeigt, der Content der Produkte wird aber nicht neu geladen, obwohl dies am selben Event hängt. Dieser Teil von Isotope fügt den change-Listener hinzu, wird aber nicht ausgeführt, wenn es manuell getriggert wird:

    Code:
    el = document.getElementById(('ctrl_'+config.attributes[i]+'_'+config.formId));
    if (el) {
    	el.addEventListener('change', function() {
    		xhr.send(formParent.toQueryString());
    	}, false);
    }
    Ideen woran das liegen könnte?

  3. #3
    Contao-Nutzer
    Registriert seit
    24.02.2016.
    Beiträge
    183

    Standard

    Keiner eine Idee, woran das liegen könnte? :/

  4. #4
    Contao-Nutzer Avatar von manjarco
    Registriert seit
    16.11.2010.
    Ort
    Solingen
    Beiträge
    91

    Standard

    Hallo Sabaid,

    ich weiß dein Post liegt schon etwas zurück, aber hast du damals eine Lösung gefunden? Stehe im Moment vor einem ähnlichen Problem.

  5. #5
    Contao-Nutzer Avatar von manjarco
    Registriert seit
    16.11.2010.
    Ort
    Solingen
    Beiträge
    91

    Standard

    Falls jemand ein ähnliches Problem hat:

    Ich habe nun unter der Vielzahl der jQuery-Select-Scripts eins gefunden, das tatsächlich mit dem Adressbuch/Checkout von isotope funktioniert ohne lange dran rum basteln zu müssen: sumoselect

    Gibt es nicht als Contao-Erweiterung, kann aber easy per jQuery-Template eingebunden werden.

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
  •