magicsuggest + draggable

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

EuroCent

Klappstuhl 2.0
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?
 
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?
 
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 :(
 
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>
 
PS: Ich sehe gerade, dass ich es etwas zu kompliziert gemacht habe: Gibt ja nur ein Eingabefeld zum Ablegen.
 
Status
Dieses Thema wurde gelöst! Zur Lösung gehen…

Neue Beiträge

Zurück