-この問題は自分で修正しました-
SOノックアウトJSを使用しようとしていて、マッピングプラグインをテストしていましたが、配列を含むオブジェクトのシリアル化に問題があります
以下は私が持っているコントローラーとその下のjavascriptです。私が持っている問題は、私が何を試しても問題です(コメントアウトされた修正の試みを見ることができます) -{"id":5,"name":"Testing this works","children":"[{},{}]"}
渡されるのはそれだけです。
誰かが私に正しい方向を向けることができます
namespace TestingKnockout.Controllers
{
public class child
{
int id;
String name;
public child(int id, string name)
{
this.id = id;
this.name = name;
}
}
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
public virtual string GetData()
{
List<child> childrenList = new List<child>(){
new child(2, "bob"),
new child(4, "dave")
};
var result = new
{
id=5,
name="Testing this works",
children = childrenList
//children = Newtonsoft.Json.JsonConvert.SerializeObject(childrenList)
//children = new{ id = 2, name = "bob" }
};
//String resultsToHighlightJSON = Newtonsoft.Json.JsonConvert.SerializeObject(childrenList);
//return resultsToHighlightJSON;
return new JavaScriptSerializer().Serialize(result);// +resultsToHighlightJSON;
}
}
}
そして、これは私のjavascriptです:
<script language="javascript" type="text/javascript">
var originalData = {
id: 1,
name: "Main",
children: []
};
var updatedData = {
id: 1,
name: "Main",
children: [{ id: 2, name: "bob" }, { id: 3, name: "ted"}]
};
function Child(id, name) {
this.id = ko.observable(id);
this.name = ko.observable(name);
}
var options = {
children: {
key: function (data) {
return ko.utils.unwrapObservable(data.id);
}
}
}
var viewModel = ko.mapping.fromJS(originalData, options);
viewModel.counter = 1;
viewModel.addChild = function () {
viewModel.children.push(new Child(++viewModel.counter, "new"));
};
viewModel.applyUpdate = function () {
var basePath="<%: Url.Content("~/") %>";
var url = basePath + 'Home/GetData/';
$.get(url, function (response) {
var Employee = $.parseJSON(response);
$("#EditLink").html("testing this out : " + Employee.children[1].name);
//ko.mapping.fromJS( updatedData,viewModel);
ko.mapping.fromJS( Employee,viewModel);
});
}
$(document).ready(function() {
ko.applyBindings(viewModel);
});