cách liên kết dữ liệu để thả xuống động bằng cách sử dụng knockout.js?

Question

Tôi mới sử dụng knockout.js. Tôi đã không thể kết nối dữ liệu từ api để thả xuống bằng cách sử dụng knock out js.

My Json dữ liệu từ api và thả xuống là:

[{ 
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> 

tôi chỉ để ràng buộc firstname, lastname, ContactId để thả xuống và hiển thị firstname và lastname dưới dạng văn bản và ContactId là lĩnh vực giá trị cho mục đó. Có ai vui lòng đưa ra một số gợi ý về vấn đề này không?

Answer 1

Bạn cần phải sử dụng options binding, nơi bạn cần phải xác định:

• mảng các bản ghi trong options (xem trong doc Ví dụ 3)
• bạn cần phải thiết lập các optionsValue: 'ContactID' để có ContactID như giá trị
• bạn cần phải xác định một hàm trong optionsText trong đó xây dựng các văn bản chọn của bạn (xem trong doc Ví dụ 4)

vì vậy, thức ràng buộc của bạn sẽ trông giống như:

<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

Bạn có thể sử dụng loại trực tiếp lập bản đồ plugin. Thông tin chi tiết là here

Và cũng có thể bạn có thể nhìn vào lớn tutorial about how to load and save data