Mam wymaganie, w którym MUSZĘ użyć menu autouzupełniania bootstrap, ALE użytkownik może mieć dowolny tekst w tym menu, jeśli chce. Zanim pomyślisz o TypeAhead, mógłbym użyć pola tekstowego Bootstrap TypeAhead, ale potrzebuję menu rozwijanego, ponieważ chcemy podać pewne wartości domyślne jako opcje headstartu na wypadek, gdyby użytkownicy nie wiedzieli, czego szukać.
Używam tego z MVC DropDownListFor, ponieważ tworzy dla nas kontrolkę wyboru.
Znalazłem ten artykuł, który robi to dla mnie.
https://github.com/danielfarrell/bootstrap-combobox/pull/20
Wszystko, co musiałem zrobić, to zdjąć nazwę z kontrolki zaznaczania, a kontrolka pozwalała mi wprowadzać dowolny tekst. Jak dotąd wszystko dobrze.
Teraz używam tego w połączeniu z Knockoutjs. Powiązałem moje opcje i wybraną wartość z kontrolką wyboru, a następnie w wierszu renderowanym w moim szablonie wywołałem (selector) .combobox (), co sprawia, że kontrolka wyboru jest komoboksem bootstrap i dodaje kontrolkę wejściową i ukrywa kontrolkę wyboru w scenach za.
Problem polega teraz na tym, że gdy próbuję uzyskać wartości do wysłania na serwer, ponieważ wartość, którą umieściłem w polu wprowadzania, nie jest poprawną opcją z opcji, które podałem, aby wybrać kontrolkę, zawsze domyślnie ustawia ją na pierwszą opcję. Dzieje się tak, ponieważ ustawiłem powiązanie wybranej wartości na kontrolce wyboru, a nie w polu wejściowym, które zostało utworzone przez bootstrap-combobox.js.
Moje pytanie brzmi: jak sprawić, aby pole wejściowe było powiązane z danymi z tą samą porcją, do której została przypisana kontrolka wyboru.
Jakieś inne opcje? Daj mi znać, jeśli potrzebujesz więcej wyjaśnień lub masz pytania. Proszę zasugeruj.
Dzięki.