jsGrid下拉框显示异常：如何正确展示level/value值？

问题出在select列的textField和valueField配置上：你当前直接写了priority.level和priority.value，但priority是一个数组，数组本身并没有level和value属性，jsGrid无法正确读取每个选项的显示文本，所以只能把对象转为默认字符串[object Object]。

正确的做法是，textField和valueField应该设置为字符串形式的属性名，告诉jsGrid要从items数组的每个对象中读取哪个属性作为显示文本和值。

修正后的代码如下：

json.forEach(item => {
  priority = JSON.parse(item.PRIORITY);
  showGrid(priority)
});

function showGrid(priority) {
  jsGrid({
    // 其他配置...
    columns: [
      // 其他列...
      { 
        name: "priority", 
        align: "center", 
        type: "select", 
        items: priority, 
        textField: "level", // 改为字符串属性名
        valueField: "value", // 改为字符串属性名
        title: "Priority", 
        inserting: true, 
        validate: "required" 
      },
      // 其他列...
    ]
  });
}

这样配置后，jsGrid会遍历priority数组里的每个对象，用每个对象的level值作为下拉框的显示文本，value值作为选项对应的实际值。

内容的提问来源于stack exchange，提问作者user3685388