Question

我有一个选择多个我绑定到模型，然后我想选择一些先前使用第二个模型选择的值。我认为这是一个简单直接的事情，但在淘汰赛中它似乎比应该更难。这是我到目前为止所拥有的。 Fiddler

选择多

<select data-bind="options:availableThings,optionsText: 'Title', selectedOptions: selectedThings" size="5"  multiple="true"></select>

我的模特

 var initialThingsModel = [
            {"Id":1,"Title":"First"},
            {"Id":2,"Title":"Next"},
            {"Id":3,"Title":"Another"},
            {"Id":4,"Title":"Last"}
        ];
        var initialSelectedThingsModel = [   
            {"Id":2,"Title":"Next"},
            {"Id":4,"Title":"Last"}
        ];

然后其余部分绑定第一个模型以及保存并提交所选值的管道：

var viewModel = {
            availableThings: ko.observableArray(initialThingsModel),
            selectedThings: ko.observableArray(initialSelectedThingsModel),
            save: function () {                  
                $.ajax({
                    url: '/home',
                    type: 'POST',
                    data: ko.toJSON(this.selectedThings),
                    dataType: "json",
                    contentType: "application/json;  charset=utf-8",
                    success: function (data) {
                        alert(data.Message);
                    }
                });
            }
        };

        ko.applyBindings(viewModel);

我面临的问题是绑定initialSelectedThingsModel，以便选择列表预先填充选定的那些项目。

广泛的问题，是淘汰正确的解决方案还是主干提供更简单的方法来实现这类事情？

Answer 1

您的绑定是正确的。问题是您selectedThings中不存在availableThings传递的对象。您需要传入相同的对象，如下所示：

    var initialSelectedThingsModel = [   
        initialThingsModel[0],
        initialThingsModel[3]
    ];

我没有足够的骨干经验说它是否会更好，但你的Knockout代码对我来说似乎非常简洁。不知道你能做到多么简单。

Knockout.js预选select multi

1 个答案: