如何使用knockout和asp.net mvc将多个视图模型绑定到控制器

Question

Iam使用knockout,asp.net MVC,实体框架,我想知道如何将子视图模型中的所有信息保存到一个控制器方法中

在我的淘汰赛中,我有多个视图模型,其中包含彼此相关的不同信息,这样当我传递给控制器​​时,我必须传递与所有视图模型有关的信息,这样当我保存clciking the save按钮时,所有信息都是保存到各种"不同的表同时我知道如何传递一个视图模型,但我想知道如何将一个语句中的两个模型传递给控制器​​"控制器中的两个不同方法"我当前的结构是这样的

function FullEmployeeProfile ()
 var fep = this 
{
      fep.ei.Name = ko.observable("");
      fep.ei.ID = ko.observable("");
      fep.ei.Gender = ko.observable("");
      fep.ei.address = ko.observable("") ; 
      fep.eh.CompanyName = ko.observable();
      fep.eh.Designation = ko.observable();
      fep.eh.StartDate = ko.observable();
      fep.eh.EndDate = ko.observable();

}

function employeeHistory() {
        var eh = this 

         var self = this;
        eh.CompanyName = ko.observable();
        eh.Designation = ko.observable();
        eh.StartDate = ko.observable();
        eh.EndDate = ko.observable();
}

function employeeEducation() {
    var ee = this;


        ee.Degree = ko.observable();
        ee.YearOfPassing = ko.observable();
        ee.Percentage = ko.observable();
        ee.Institute = ko.observable()


    ee.fullEmployeeDetails = new FullEmployeeProfile();

    ee.saveEmployeeDetails = function() {

        $.when(postSecureData("/api/EmployeeProfile/", ko.toJSON(ee.fullEmployeeDetails)))
        .done(function (empProfile) {
            if (response.ResponseRequired == false) {
            document.getElementById("save-empDetails-btn").innerHTML = "Saving...";
            setTimeout(function () { document.getElementById("save-empDetails-btn").innerHTML = "Save" }, 2500);
            $.msgGrowl({
                type: 'info',
                title: 'Employee information saved',
                text: 'Employee information details succesfully saved',
                position: 'bottom-right',
                lifetime: 3000
        }); }

        });
    };




}
function EmployeeInfo() {
    var ei = this;

     var ei = this;
        ei.Name = ko.observable("");
        ei.ID = ko.observable("");
        ei.Gender = ko.observable("");
        ei.address = ko.observable("") ;     
    }

Answer 1

正如DavidG所建议的那样,封装模型将是采用的方法.看起来你混淆了视图模型和领域/数据模型的想法,或者至少你的视图模型的概念有点混乱.

你的视图模型应该完全符合它的含义.它是一个包含特定视图所需信息的模型.如果需要在主视图中包含多个视图,则还需要在主视图模型中包含多个视图模型.这是常见的做法.

例如:

function EmployeeProfileAndHistory() {
    var profile = new FullEmployeeProfile();
    var history = new employeeHistory();
}

将此传递给您的API.(代码可能是错误的,因为不太熟悉淘汰赛,但要点是相同的.)