/ / kendo MVVM data-bind dropdownlist - kendo-ui, kendo-dropdown

kendo MVVM data-bind dropdownlist - kendo-ui, kendo-dropdown

Jak powiązać lokalną tablicę z listą rozwijaną MVVM kendo.

Mam taką tablicę

var array = [0.0, 20.00]

i chcę powiązać go z moją kontrolą wejściową

<input data-role="dropdownlist"
data-bind=""source: " + array + """ />

To nie działa. Jakieś pomysły, jak mogę to osiągnąć?

dzięki

Odpowiedzi:

0 dla odpowiedzi № 1

Trudno powiedzieć z twojego pytania, czy zapomniałeś użyć kendo.bind() powiązać widok z ViewModel ale proponuję również przejrzeć Dokumentacja KDE UI Framework Source Binding dla składni powiązania danych. Sprawdź również DropDownList MVVM Demo dla pełniejszego przykładu. Minimalistyczną implementację pokazano poniżej:

<body id="appRoot">
<p>Minimalist DropDownList example</p>
<input data-role="dropdownlist" data-bind="source: array">
<script>
// Ideally you would use this viewModel variable instead of the plain JavaScript object literal below
var viewModel = kendo.observable( { array: [ 0.0, 20.00 ] } );

kendo.bind($("#appRoot"), { array: [ 0.0, 20.00 ] } );
</script>
</body>

1 dla odpowiedzi nr 2

Powiązanie źródła MVVM akceptuje pole modelu, a nie zmienną w zakresie okna. Jeśli chcesz po prostu powiązać DropDownList z prymitywnymi wartościami, użyj źródło danych atrybut:

<input data-role="dropdownlist" data-source="array" />

Oto działający próbny.

Jeśli chcesz użyć powiązania źródłowego, zdefiniuj model widoku. Oto kolejny próbny to demonstruje to podejście.