0

我有一个生成属性对象数组的表单。属性对象有一个数组属性,它是属性值的数组。该表单允许您添加属性名称和属性值数组并映射到属性对象:

function Attribute(data) {
      var self = this;
      self.Name = ko.observable([data.attributeName]);
      self.Values = ko.observable([data.attributeValues]);
  }

Values 数组是 AttributeValues 的一个属性:

  function AttributeValue(data) {
      this.Value = data.value;
  };

使用 ViewModel 在创建它们时具有AttributeValues数组,并将其与 Attribute 名称一起传递给其本地Attributes数组

   function newProductViewModel() {
      var self = this;
      self.attributeName = ko.observable();
      self.attributes = ko.observableArray([]);
      self.attributeValues = ko.observableArray([]);

当您在表单中创建属性时,敲除列出您添加到 AttributeValues 数组中的属性值没有问题:

   <select multiple="multiple" height="5" data-bind="options: attributeValues, optionsText: 'Value', selectedOptions: selectedItems, optionsCaption: 'Added Values...'">

其中attributeValues是ViewModel 的attributeValues 数组。

添加属性名称和属性值列表并添加属性后,我会遍历 ViewModel 上的 observableArray属性属性,以在创建属性时显示添加的属性列表。

问题

问题是我为每个属性的属性值数组显示一个下拉列表(选择):

<ul data-bind="foreach: attributes">
   <li>
    <div>
       <span data-bind="text: Name"></span>
       <select multiple="multiple" height="5" data-bind="options: Values, optionsText: 'Value', selectedOptions: selectedItems, optionsCaption: 'Added Values...'">

     .....remove for sake of brevity

但它不会在每个属性的 Values 数组中列出每个AttributeValue的

我已经逐步完成,可以看到 Values 属性确实设置了正确的值。

我究竟做错了什么?

4

1 回答 1

0

我解决了这个问题。我将数组“attributeValues”传递给 Attribute 对象并将其放入数组

self.Values = ko.observable([data.attributeValues]);

所以我假设这将是一个元素的数组,其中包含该索引中的 attributeValues 数组。单步执行时,我看到了正确数量的元素,因为我只添加了一个值,但实际上是查看第一个索引中的数组。

于 2012-06-22T14:25:54.417 回答