2

我有一个多选列表,我按照 KO 网站上的说明实施了该列表。我的代码的重要部分目前看起来像这样(删除了不必要的代码):

function Attribute(data) {
    var self = this;
    self.Id = data.Id;
    self.Name = data.Name;
}

// Individual Row in Table
function Criteria(data) {
    var self = this;
    self.Attributes = data.Attributes;
}

// Represent the ViewModel for attributes.
function CriteriaViewModel() {
    var self = this;

    // Catalog Data
    self.availableAttributes = window.ko.observableArray([]);
    $.getJSON(window.attributeListUrl, function(availableData) {
        self.availableAttributes($.map(availableData.Attributes, function(item) { return new Attribute(item); }));
    });

    // Editable Data
    self.criterion = window.ko.observableArray([]);

    // Load initial state from server
    $.getJSON(window.criteriaListUrl, function (availableData) {
        self.criterion($.map(availableData.Criterion, function (item) { return new Criteria(item); }));
    });
}

然后,在我的 HTML 中,我将它们全部绑定在一起(或者,我至少尝试这样做):

     <tbody data-bind="foreach: criterion">
            <tr>
                <td>
                    <select class="selectedAttributes"
                            data-bind="options: $root.availableAttributes, selectedOptions: Attributes, optionsText: 'Name', optionsValue: 'Id'"
                            multiple
                            size="6">
                    </select>
                </td>
            </tr>
     </tbody>

可能的选项正确显示。但是,标准的属性与可能的选项之间没有明显的约束力。从阅读指南来看,似乎 KO 应该能够直接绑定对象。有人可以在这里提供指导吗?

我忘了提到除了多选列表的实际绑定之外,一切正常。一般来说,我正在适当地应用我的绑定 - 只是没有使用多选列表。

4

2 回答 2

5

Criteria 对象的 attributes 属性需要是 observableArray。这是一个Jsfiddle 演示

function Criteria(data) {
    var self = this;
    self.Attributes = ko.observableArray(data.Attributes);
}
于 2013-06-06T22:55:41.633 回答
-1

var x= $('#select1 option:selected');
   if(x.length>0){
       x.each(function(){
           alert($(this).text());
        self.selectedCategory.push(new categoryModel($(this).text()));
        $('#select1 option:selected').remove();
       });
   }

参考http://jsfiddle.net/deepakpandey1234/wse4gdLq/

于 2015-09-17T18:38:06.250 回答