未捕获的异常:每个数据元素都必须实现一个唯一的“id”属性slick.dataview.js

Uncaught exception: Each data element must implement a unique 'id' property slick.dataview.js

本文关键字：唯一 一个 id js dataview slick 属性 异常 数据 元素 实现      更新时间：2023-09-26

我编写了一个代码，用于将数据从RESTFUL服务访问到dataView中，以填充到Slick Grid表中。

我收到一个错误，每个数据元素都必须实现一个唯一的 Id 属性！

我在将数据设置为数据视图时将唯一 ID 传递给数据视图，但没有任何反应。

    var dataView;
    var grid;
    var data;
    var options = {
    forceFitColumns: true,
    enableColumnReorder: false,
    autoExpandColumns: true
    };
    var columns = [{
    id: "userId",
    name: "User Id",
    field: "userId"
    }, {
    id: "id",
    name: "Id",
    field: "id"
    }, {
    id: "title",
    name: "Title",
    field: "title"
    }, {
    id: "completed",
    name: "Completed",
    field: "completed"
    }];
    $.ajax({
    url: 'http://jsonplaceholder.typicode.com/todos/',
    async: false,
    success: function (response) {
        data = JSON.stringify(response);
        console.log("received data " + JSON.stringify(response));
    },
    error: function () {
        console.log("error while getting data");
    }
    });
    dataView = new Slick.Data.DataView();
    dataView.beginUpdate();
    dataView.setItems(data, "id");
    dataView.endUpdate();

    grid = new Slick.Grid('#slickGrid', dataView, columns, options);
    // Make the grid respond to DataView change events.
    dataView.onRowCountChanged.subscribe(function (e, args) {
    alert("1");
    grid.updateRowCount();
    grid.render();
    });

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

在这里 JSFIDDLE

使用JSON.parse，然后将其传递给设置项目

data=JSON.parse(data);
dataView.beginUpdate();
dataView.setItems(data, "id");
相关文章：