使用 js-grid 显示静态数据

Question

我目前是 Javascript 的新手，现在正在使用这个 JS-grid 关于素数的例子。我有一个包含素数的数组：Array(4) [ " 2", " 3", " 5", " 7" ].

console.log 显示的是这些值。我想将它导入 JS-Grid，但它从不显示每一行中的值，而是仅在一行中显示数组的所有值。这是我现在的配置：

var clients = [{
    "Primenumber": Primenumber
}];

$("#jsGrid").jsGrid({
    width: "100%",
    height: "400px",

    inserting: true,
    editing: true,
    sorting: true,
    paging: true,

    data: clients,

    fields: [{
            name: "Primenumber",
            type: "text",
            width: 150
        },{
            type: "control"
        }
    ]
});

我将数组导入到 JS-Grid 中是不是错了？我不确定如何在单独的行中显示数组的每个值。提前谢谢你们的回答！

Answer 1

Per the documentation:

data An array of items to be displayed in the grid. The option should be used to provide static data. Use the controller option to provide non static data.

我注意到您只将一个具有一个值的数组传递给 data 键

var clients = [{
  "Primenumber": Primenumber
];

这相当于通过：

var clients = [{
  Primenumber: [" 2", " 3", " 5", " 7"]
}]

即使 Primenumber 键具有与多个元素关联的值，但包含对象本身只是数组中的单个值。

我想知道如果你改为通过会发生什么：

var clients = Primenumber;

这样做时，您传递的是数组本身。

最后，要显示您的值，您必须将它们作为键值对放在数据数组中：

var Primenumber = [{Primenumber:" 2"}, {Primenumber: " 3"}, {Primenumber: " 5"}, {Primenumber: " 7"},];
var clients = Primenumber;

Working example here

Illustrative example in the official documentation here

使用 js-grid 显示静态数据

using js-grid for displaying static data

javascript

grid

jquery

jsgrid