淘汰賽選擇數據綁定

Question

我是淘汰賽的新手，並且遇到了有關使用數據綁定和“選項”綁定的問題。 我希望有兩個下拉列表，其中包含數據庫中的數據。 我可以使第一個工作，但是即使以相同的方式實現，第二個也不會出現。 只有第一個下拉列表會顯示在頁面中，其中包含所有正確的數據。 但是第二個應該與所有房間名稱一起出現的名字卻沒有出現。 但是，當我刪除第一個時，第二個工作。 我顯然在這里錯過了什么，那會是什么？

這是我的HTML代碼：

<div align = "center">
    <select data-bind="options: employees, 
        optionsText: 'FullName', 
        value: Id, 
        optionsCaption: 'Select employee to login'"class = "container">
    </select>
</div>  

<div align = "center">
    <select data-bind="options: meetingRooms, 
        optionsText: 'Location', 
        value: Id, 
        optionsCaption: 'Choose room to book'" class = "container">
     </select>
</div>  

這是Java腳本代碼：

function BookingSystemViewModel() {
    var self = this;
    self.employees = ko.observableArray();
    self.meetingRooms = ko.observableArray();

    $.get( "/WebApi/API/Employees", function(data) {
        self.employees(data);
    });

     $.get( "/WebApi/API/MeetingRooms", function(data) {
        self.meetingRooms(data);
    });

Answer 1

<div align = "center">
    <select data-bind="options: employees, 
        optionsText: 'FullName', 
        value: Id, 
        optionsCaption: 'Select employee to login'"class = "container">
    </select>
</div>  

<div align = "center">
    <select data-bind="options: meetingRooms, 
        optionsText: 'Location', 
        value: Id, 
        optionsCaption: 'Choose room to book'" class = "container">
     </select>
</div>  

您是說應該將value寫入到視圖模型中沒有的可觀察到的名為Id 。 也許您正在尋找optionsValue ，該值用於定義要用作所選對象的值的屬性。