javascript - 如何为 jsGrid 中的每一行绑定(bind)动态选择选项？

Question

我尝试从数据库中动态绑定(bind)选择选项，例如:

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

但是创建带有选项的选择的数据格式是什么。我尝试了“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 中有一个简单的工作示例.