Kendo UI: Kombinationsfeld zeigt Wert anstelle von Text

Question

Ich benutze Kendo UI mit AngularJS. Ich habe Probleme, ein Problem zu beheben.

Wenn ein Modell auf eine ID gesetzt ist, die nicht in der Datenquelle enthalten ist, an die die Combobox gebunden ist, wird der Wert in der Dropdown-Liste angezeigt. Wenn ich also das Modell auf 4 setze und in der Datenquelle mit der ID 4 kein Datenelement vorhanden ist, zeigt die Combobox 4 wie es ist. Ich möchte es durch eine leere Zeichenfolge ersetzen. Wie kann ich es ändern, um stattdessen ein leeres Textfeld anzuzeigen?

siehe sample

PS. Das Problem ist nicht auf Angular beschränkt. Kendos eigene MVVM-Bindung hat das gleiche Problem.

Answer 1

Nun, da es nicht Drop-Down aber Combobox ist, und so können Sie jeden Text darin schreiben, ich fürchte, Sie müssen Ihre eigene Prüfung machen.

Value-Eigenschaft nur einen Wert festlegen und im Fall der Kombinationsfeld, wenn Wert nicht mit Element in der Datenquelle übereinstimmt dann nur Wert auf das Eingabefeld.

Um eine Überprüfung zu machen, würde ich dataBound Ereignis verwenden, das einmal nach der Erstellung der Komponente gestartet wird. Da es gestartet wird, nachdem die Komponente erstellt wurde, können Sie den ausgewählten Wert einfach mit den Werten in der Datenquelle vergleichen.

Klein demo hier. Ich hoffe es hilft.