Init function to pass the MVC server ViewModel 2 Knockout viewModel

new_gist_file.js

    $(function ()
    {
        require(['WorkOrderStatusConfiguration'], function (workOrderStatusConfig)
        {
            var data = $.parseJSON('@Html.Raw(Json.Encode(Model))');
            workOrderStatusConfig.Init({
                services: {
                    SaveWOConfigUrl: '@Url.Action("SaveWorkOrderConfiguration", "WorkOrderStatusConfiguration")',
                },
                bindingContainerId: 'WorkOrderStatusContainer',
                viewModel: ko.mapping.fromJS(data),
                tableHeaders: ['@Html.Localize(() => DisplayName.Created)',
                    '@Html.Localize(() => DisplayName.InPreparation)',
                    '@Html.Localize(() => DisplayName.Active)',
                    '@Html.Localize(() => DisplayName.InTransit)',
                    '@Html.Localize(() => DisplayName.Packing)',
                    '@Html.Localize(() => DisplayName.Finished)',
                    '@Html.Localize(() => DisplayName.Closed)'],
                root: $("#WorkOrderStatusContainer")
                });
        });
    });
    
      var saveChange = function () {
      $.blockUI();

      $.ajax(
          {
              cache: false,
              dataType: 'json',
              type: "POST",
              contentType: 'application/json',
              url: self.services.SaveWOConfigUrl,
              data: JSON.stringify(ko.mapping.toJS(self.viewModel)),
              success: function (data) {
                  if (!data.Success) {
                      toastr.error(data.Message);
                  } else {
                      toastr.success(data.Message);
                  }
                  $.unblockUI();
              },
              error: function (data) {
                   toastr.error(data);
              }

          }).done(
          function () {
              $.unblockUI();
          }
              );
  };