我有一个生成属性对象数组的表单。属性对象有一个数组属性,它是属性值的数组。该表单允许您添加属性名称和属性值数组并映射到属性对象:
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 属性确实设置了正确的值。
我究竟做错了什么?