jak wiązać dane do rozwijania dynamicznie za pomocą knockout.js?

Question

Jestem nowicjuszką w knockout.js. Nie udało mi się powiązać danych z api do listy rozwijanej za pomocą funkcji knock out js.

My Json dane z API i rozwijanym jest:

[{ 
ContactID: 0, 
FirstName: "Aaa", 
LastName: "bbb", 
MobileNumber: null, 
StartDate: "0001-01-01T00:00:00", 
EndDate: "0001-01-01T00:00:00" 
}, 
{ 
ContactID: 0, 
FirstName: "Ccc", 
LastName: "ddd", 
MobileNumber: null, 
StartDate: "0001-01-01T00:00:00", 
EndDate: "0001-01-01T00:00:00" 
} 
] 
<select id="selectmenu1" name="" data-theme="c" data-bind="optionsCaption: 'Choose...'">  </select> 

prostu związać imię, nazwisko, ContactID do rozwijanej i Imię i nazwisko wyświetlacz jako tekst i ContactID jest pole wartość dla tego elementu. Czy ktoś mógłby podać kilka sugestii dotyczących tego?

Answer 1

Musisz użyć options binding, gdzie trzeba podać:

• swoją tablicę elementów w options (patrz dok przykładu 3)
• trzeba ustawić optionsValue: 'ContactID' mieć ContactID jako wartość
• trzeba określić funkcję w optionsText która buduje swoje wybierać teksty (patrz dok przykładu 4)

tak Twój końcowy wiążący będzie wyglądać następująco:

<select id="selectmenu1" name="" data-theme="c" 
    data-bind="options: contacts, 
      optionsValue: 'ContactID', 
      optionsText: function(i) { return i.FirstName + ' ' + i.LastName }, 
      optionsCaption: 'Choose...'">   
</select> 

Demo JSFiddle.

Answer 2

Można użyć nokaut wtyczki mapowania. Więcej szczegółów jest here

A także można spojrzeć na wielką tutorial about how to load and save data