我想制作可观察对象的可观察对象。例如:
var Project = function(id, name, custId) {
this.id = ko.observable(id);
this.name = ko.observable(name);
this.custId = ko.observable(custId);
}
var viewModel = function() {
this.newUpProj = ko.observable(new Project(null,null,null));
...
}
像这样的东西......我想newUpProject
成为可观察的,它的属性是可观察的。我也试过this.newUpProj = ko.mapping.fromJS(new Project());
Edit1:它创建了对象,但它的属性(id,名称...)不是可观察的...
Edit2:在 html 中使用:
<div class="modal-body">
<p><input type="text" id="projNameTx" data-bind="value: newUpProj.name()" /></p><br>
<p><select data-bind="options: customers, optionsCaption: 'Choose...', value: newUpProj.custId(), optionsText: 'name', optionsValue: 'id'"
size="1"></select></p>
</div>
<div class="modal-footer">
<button class="btn" data-bind="click: clearModal" aria-hidden="true">Close</button>
<button class="btn btn-primary" data-bind="click: updateFlag() ? updateProject : addProject, enable: newUpProj.custId() && newUpProj.name()">Save</button>
</div>
输入和选择中加载了正确的值,但如果输入为空(例如),则保存按钮永远不会禁用,因为更改不会转到模型。