0

我在理解我应该如何获取使用 knockout.mapping 绑定的选择（下拉）列表的 selectedValue 时遇到问题。

这是ajax调用和映射：

 var EmailCollection;
 function GetAllEmailsAjax() {

            $.ajax({
                url: "http://localhost:54756/api/Email",
                type: "GET",
                dataType: "JSON",

                success: function (data) {
                    GetAllEmails(data);
                }
            });            
        }
        function GetAllEmails(data) {
            // not sure if this is 100% correct but it does seem to work as expected
            if (!EmailCollection) {
                EmailCollection = ko.mapping.fromJS(data);
            }
            ko.mapping.fromJS(data, EmailCollection);
            ko.applyBindings(EmailCollection);
        }
<select data-bind="options: EmailCollection, optionsText: 'Name', optionsValue: 'Id', optionsCaption: 'Choose...'"></select>

据我了解，我需要在选择数据绑定属性中指定值。所以它会是这样的：

但是，这意味着 selectedEmail 需要成为我模型的一部分。然而，由于所有这些都是由 knockout.mapping 创建的，我不确定我是如何做到的。我假设某种模型如下所示，但我不确定如何去做。 

var EmailViewModel = {
   selectedEmail : ko.Observable(),
   Emails : EmailCollection // the previous model mapped bound in a scenario like this
};
// EmailViewModel.selectedEmail() would then contain my selected value..

我敢肯定，一旦我在纸上看到它，就在我努力解决它的那一刻，一切都会变得显而易见。

4

1 回答 1

1

如果只选择一封电子邮件（因为您使用的是下拉菜单，所以暗示），您应该创建一个变量来保存所选的电子邮件 ID。如果它默认为集合中的第一封电子邮件，您将执行以下操作：

var selectedEmailId: ko.observable();
...
function GetAllEmails(data) {
...
ko.mapping.fromJS(data, EmailCollection);
selectedEmailId(EmailCollection.peek().Id); //Assuming EmailCollection is an array
ko.applyBindings(EmailCollection);
}

<select data-bind="options: EmailCollection, optionsText: 'Name', optionsValue: 'Id',
    optionsCaption: 'Choose...', value: selectedEmailId"></select>

selectedEmailId 应在下拉选择更改时更新。

于 2013-09-05T14:42:47.400 回答