4

我想制作可观察对象的可观察对象。例如:

        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>

输入和选择中加载了正确的值,但如果输入为空(例如),则保存按钮永远不会禁用,因为更改不会转到模型。

4

2 回答 2

5

可能只需要在绑定中执行 newUpProj 吗?

enable: newUpProj().custId() && newUpProj().name()

如果做不到这一点,您可以尝试根据 custId 和 name 的状态将计算的 observable 设置为 true 或 false

于 2013-02-11T16:18:32.237 回答
5

设法做到这一点:http: //jsfiddle.net/wF7xY/1/

var Model = function() {
    this.data = ko.observable({}); // It doesn't work
};

var Data = {
    field1: 'test1',
    field2: 'test2'
};

var model = new Model();
ko.applyBindings(model);

ko.mapping.fromJS(Data, {}, model.data);
model.data.valueHasMutated();

HTML:

<div data-bind="text: data().field1 ? data().field1() : ''"></div>

谢谢您的帮助。

于 2013-02-12T10:08:04.323 回答