0

Ich bin mit dem bootstrap multiselect Plugin und binden Sie die Daten mit ihm knockout js. Es ist in this jsfiddle. Die Optionen werden tatsächlich datengebunden an den Multiselect gebunden - Sie können dies bestätigen, indem Sie mit der rechten Maustaste auf das Multiselect-Element im jsfiddle-Ausgabefenster klicken und es untersuchen, und die <option> sind tatsächlich da. Wenn Sie jedoch auf das Multiselect-Element klicken, wird das Dropdown-Menü nicht gelöscht.Bootstrap Multiselect Drop-Down ist nicht nach unten

Die bootstrap multiselect nicht zu wissen scheint, dass es <option> ‚s im <select> hat dies bewiesen ist, wenn ich die disableIfEmpty Konfigurationsoption verwenden, ist es die Mehrfachauswahl deaktiviert dauerhaft. Warum weiß der Bootstrap-Multiselect nicht, dass er über Optionen verfügt, sodass er das Drop-down-Menü nicht öffnet?

jsfiddle here

Antwort

1

Sie können nur Ihr Multiselect-Widgets instanziiert nach Knockout seinen Rendering gemacht hat, die im Grunde nach Ihre sind Bindungen gelten.

die Idee erhalten, lesen Sie in diesem gegabelten Geige aus: http://jsfiddle.net/r0kbch7u/

Ich habe bewegt im Grunde die $("#category-select").multiselect()-Code von Ihrem CategorySelect Konstruktor zu Ihrem Dokument Ereignis-Listener geladen.

+0

Danke. Ich mag die Daten für die Konfiguration der Multiselect. Irgendeine Idee, warum die buttonWidth nicht 100% ist? Ich frage mich, ob das DataFor aus irgendeinem Grund nicht funktioniert. – BeniaminoBaggins

+0

Ich habe möglicherweise einen Fehler beim Abrufen der Konfigurationsdatei gemacht .. Ich werde es mir ansehen. Wichtiger jedoch: Ich wollte vor allem die Wichtigkeit der Reihenfolge "applyBindings" und ". Multiselect" zeigen. Die Art und Weise, wie ich es im Beispiel implementiert habe, ist nicht der beste Weg. Es wäre besser, wenn Sie eine benutzerdefinierte Knockout-Komponente erstellen, die ihre 'init'-Methode verwendet, um die Mehrfachauswahl zu initialisieren. – user3297291

+0

Aktualisiertes Beispiel: http://jsfiddle.net/r0kbch7u/1/ Es scheint auch etwas falsch mit Ihrem Button-Container zu sein. Ich habe 'position: relative' hinzugefügt, weil das Dropdown außerhalb Ihrer Sicht gerendert würde. – user3297291

Verwandte Themen