Knockout JS + Envío a MVC 3

Question

Tengo el siguiente código, pero una vez que se envía al servidor obtengo cadenas de caracteres "indefinidos" en lugar de nulos o vacíos. Esto está causando problemas ya que no puedo realizar la validación. Alguna idea de cómo evitar que esto suceda cuando uses knockout.

var viewModel = { 
     userName: ko.observable(""), 
     emailAddress: ko.observable(""), 
     verifyEmailAddress: ko.observable(""), 
     OptOut: ko.observable(true), 
     Grades: ["Grade 1", "Grade 2", "Grade 3", "Grade 4", "Grade 5", "Grade 6"], 
     gradeSelected: ko.observable(["Grade 1"]) 
    }; 
    ko.applyBindings(viewModel); 

    $("#addUser").click(function (e) { 
     $.ajax({ 
      url: 'AddUser', 
      dataType: 'json', 
      data: JSON.stringify(viewModel), 
      type: 'POST', 
      success: function (data) { 
       $("#errorSection").text(data.Success).show(); 
      } 
     }); 
     e.preventDefault(); 
    }); 

Gracias de antemano

Answer 1

En lugar de JSON.stringify(viewModel) haga ko.toJSON(viewModel), que desenvolverá primero todos los observables antes de hacer un stringify. Algunos documentos útiles aquí: http://knockoutjs.com/documentation/json-data.html

Answer 2

creo que en primer lugar se debe cambiar: gradeSelected: ko.observable (Grados [0]) Y tal vez te gustaría cambiar grados a una observableArray. Colocaría esto en un comentario, pero todavía no puedo.