显示 SlickGrid，但网格中未填充数据

Question

SlickGrid 已显示，但数据未填充到网格中。直接ajax调用很好，但是dataview的问题请任何人帮助我

  var jqxhr = $.getJSON('http://localhost:50305/Service1.svc/json/Projects', function (data) {
                          for (var i = 0; i < data.length; i++) {
                                      slickdata[i] = {
                                          ProjectID: data[i].ProjectID,
                                          ProjectTypeID: data[i].ProjectTypeID,
                                          ProjectName: data[i].ProjectName,
                                      };
                                  }
                                  console.log("slickdata is" + slickdata);
                              dataView.onRowCountChanged.subscribe(function (e, args) {
                                      grid.updateRowCount();
                                      grid.render();
                                  });

                                  dataView.onRowsChanged.subscribe(function (e, args) {
                                      grid.invalidateRows(dataView.rows);
                                     grid.render();
                                  });

                                  dataView.beginUpdate();
                                  dataView.setItems(slickdata, "ProjectID");
                                  dataView.endUpdate();

                          dataView = new Slick.Data.DataView({ inlineFilters: true });
                        grid = new Slick.Grid("#teamGrid", dataView, columns, options);

Answer 1

一旦定义了网格，你就需要做

grid.init();

因为

alert(data);

是一个 json 对象，警报是正确的。将数据发送到控制台，您可以在那里看到 json 对象

Answer 2

如果您想使用评论中提到的Dataview。您需要几行代码，还需要将data 添加到dataview 对象。请参阅以下内容：

// create DataView & Grid object
var dataView = new Slick.Data.DataView();
var grid = new Slick.Grid("#myGrid", dataView, columns, options);

// then bind data to the DataView object
dataView.beginUpdate();
dataView.setItems(data);
dataView.endUpdate();

您可以在此处查看更完整的 DataView 示例：Example4-model

编辑
您的问题似乎在您的数据中没有唯一的 id 属性，尽管 SlickGrid 特别需要它并且如果您没有 id 会在控制台中引发错误。我通常更喜欢在服务器端解决这个问题（PHP 或您使用的任何语言）。您还可以通过 javascript 添加 id 属性，如下所示：

for (var i = 0; i < data.length; i++) {
  data.id = data[i].ProjectID; // clone your ProjectID into a new 'id' property
}

// then bind data to the DataView object
dataView.beginUpdate();
dataView.setItems(data);
dataView.endUpdate();