magicsuggest + draggable


Status
Dieses Thema wurde gelöst! Zur Lösung gehen…

EuroCent

Erfahrenes Mitglied
#1
Hallo zusammen,

gibt es eine Möglich ein Item welchen einen Wert "Value="xyz"" hat in die Magicsuggest zu binden?

Wir verwenden dieses: MagicSuggest - Home

Wir haben jedoch eine Tabelle mit Wörtern, die wir in diese "Combobox" einfügen wollen, ohne es abzutippen oder per Copy&Paste.

Gibt es da was?
 

Sempervivum

Erfahrenes Mitglied
#2
Verstehe nicht ganz, was das Problem ist: Möchtest Du die Items, die die Combobox anbietet, per Javascript einfügen? Oder möchtest Du die Items in der Combobox aus eurer Tabelle automatisch generieren? In welcher Form liegt diese Tabelle denn vor?
 

EuroCent

Erfahrenes Mitglied
#3
Verstehe nicht ganz, was das Problem ist: Möchtest Du die Items, die die Combobox anbietet, per Javascript einfügen? Oder möchtest Du die Items in der Combobox aus eurer Tabelle automatisch generieren? In welcher Form liegt diese Tabelle denn vor?
Ich generiere eine Tabelle mit ein paar Wörtern und wenn Ich ein Wort aus der Tabelle in die Suggest rein ziehen möchte dass er entsprechend das Wort nimmt...

Die Tabellen Items auf draggable zu bekommen ist nicht das Problem, aber es in die Suggest zu bekommen da hängt es :(
 

Sempervivum

Erfahrenes Mitglied
#5
Wenn ich das jetzt richtig verstehe, ist addToSelection das, was man braucht. Prüfe, ob dies das ist, was Du dir vorstellst:
Code:
    <div id="ms1"></div>
    <ul>
        <li draggable="true">Houston</li>
        <li draggable="true">Phoenix</li>
        <li draggable="true">Dallas</li>
    </ul>
    <script>
        var ms1 = $('#ms1').magicSuggest({
            data: ['New York', 'Los Angeles', 'Chicago', 'Houston', 'Philadelphia', 'Phoenix', 'San Antonio', 'San Diego', 'Dallas', 'San Jose', 'Jacksonville']
        });
        var elms = document.querySelectorAll("[draggable=true]");
        for (var i = 0; i < elms.length; i++) {
            var draggable = elms[i];
            draggable.addEventListener("dragstart", function (event) {
                event.dataTransfer.setData('text', event.target.textContent);
            });
        };
        var dropzones = document.querySelectorAll("[id='ms1'] input");
        for (var i = 0; i < dropzones.length; i++) {
            var dropzone = dropzones[i];
            dropzone.addEventListener("dragover", function (event) {
                event.preventDefault();
            });
            dropzone.addEventListener("drop", function (event) {
                event.preventDefault();
                var val = event.dataTransfer.getData('text');
                ms1.addToSelection([{ id: val, name: val }], false);
            });
        }
    </script>
 
Status
Dieses Thema wurde gelöst! Zur Lösung gehen…

Neue Beiträge