Knockout中的绑定对象

时间:2015-03-25 08:37:22

标签: knockout.js knockout-mapping-plugin devextreme

我将(JSON-)对象绑定到我的视图时出现问题。

我有以下对象,我从REST服务中获取。 enter image description here

现在我想将这个对象绑定到我的视图中。我试过这个:

var viewModel = {
    test: ko.mapping.fromJS(params.obj),

    ID: params.obj.ID,
    //Bezeichnung: ko.observable(params.obj.Bezeichnung),
    //MaxRunawayTime: ko.observable(params.obj.MaxRunawayTime),

    btnSaveClick: function (e) {
        debugger;
        //params.obj.Bezeichnung = viewModel.Bezeichnung();
        //params.obj.MaxRunawayTime = viewModel.MaxRunawayTime();

        Application1.db.update(params.obj).done(function (data) {
            Application1.app.back();
        });
    }
};

我的dxView:

<div data-options="dxView : { name: 'TrackerEdit', title: 'TrackerEdit' } " >
<div data-options="dxContent : { targetPlaceholder: 'content' } " >
    ID_Tracker:<div data-bind="dxTextBox: {value: ID, disabled: true}"></div>
    Bezeichnung:<div data-bind="dxTextBox: {value: test.Bezeichnung}"></div>
    Max. Ausreisezeit:<div data-bind="dxNumberBox:{min:0, max:100, value:test.MaxRunawayTime, showSpinButtons: true}"></div>
    <!--Bezeichnung:<div data-bind="dxTextBox: {value: Bezeichnung}"></div>
    Max. Ausreisezeit:<div data-bind="dxNumberBox:{min:0, max:100, value:MaxRunawayTime, showSpinButtons: true}"></div>-->
    <div data-bind="dxButton: {text: 'Save', onClick: btnSaveClick}"></div>       
</div>

请查看注释的代码行。这样就可以了。但是我不喜欢将每个变量分开绑定并且必须将它写回原始对象。我想直接绑定我的原始对象。

我是Knockout的新手,任何帮助都会很棒!非常感谢。

1 个答案:

答案 0 :(得分:0)

不是逐个编写属性,而是可以使用ko.mapping插件:

写下类似的东西:

btnSaveClick: function (e) {
    debugger;
    var request = ko.mapping.toJS(viewModel.test);

    Application1.db.update(params.obj).done(function (data) {
        Application1.app.back();
    });
}