如何为 jsGrid 中的每一行绑定动态 select 选项？

Question

我尝试从数据库动态绑定 select 选项，例如：

$("#grid").jsGrid({
    editing: true,
    autoload: true,
    paging: false,
    pageLoading: true,
    data: result,
    fields: [
        { name: "Units", type: "select", title: "Units", items: ? },
    ]
});

但是创建 select 的数据格式是什么？我尝试 "itemTemplate" 但效果不佳。

Answer 1

在实例化网格之前构建您的 select 列表。示例：

const units = [ { id: 0, name: "cm"}, { id: 1, name: "inch" } ];
$("#grid").jsGrid({
// ...
fields: [
    { name: "Units", type: "select", title: "Units", 
      items: units, valueField: "id", textField: "name" },
 ]
});

在 JSFiddle 进行演示。

如果您谈论的是相同列具有不同下拉列表的不同行，那么内置 select 类型可能没有用。您必须自己渲染 editTemplate。 JSFiddle.

中有一个简单的工作示例

如何为 jsGrid 中的每一行绑定动态 select 选项？

How to bind dynamic select options for each row in jsGrid?

javascript

jquery

jsgrid