slickgrid 显示对象而不是值

Question

我正在关注Slickgrid的例子

我正在使用 ajax 将数据加载到可观察数组中

$.ajax({
    url: "../Service/Data",
    type: "PUT",
    contentType: 'application/json',
    processData: false,
    data: JSON.stringify(Id),
    error: function (XMLHttpRequest, textStatus, errorThrown) {

        alert(errorThrown);
    },
    success: function (allData) {
        var mappedData= $.map(allData, function (item) {

            return new TableData(item);
        });
        self.MyArray(mappedData);
    }
});

然后在我的视图模型中是这样做的

grid = new Slick.Grid("#myGrid", self.MyArray(), columns, options);

在我看来，我会这样做

 <div id="myGrid" style="width:300px;height:420px;"></div>

但我在我的网格中得到低于输出。它不显示数据而是显示对象

这里有什么问题？

更新1

这是我的列定义

var columns = [
      { id: "title", name: "Title", field: "title" },
      { id: "duration", name: "Duration", field: "duration" },
      { id: "percent", name: "% Complete", field: "percent" }

    ];

    var options = {
        enableCellNavigation: true,
        enableColumnReorder: false
    };

这就是我的 obs 数组在实际代码中的样子

更新 2 这是我的表格数据

  function TableData(data) {

        this.id= ko.observable(data.id);
        this.duration= ko.observable(data.duration);
        this.percent= ko.observable(data.percent);
    }

我从服务器获取 json 数据

Answer 1

只是一个想法，您并没有显示从 ../Service/Data 返回的 JSON 格式实际上是什么，但是，您是否尝试过直接将返回的 JSON 数据写入 MyArray？

success: function (allData) {
    self.MyArray = allData;
}