javascript - 使用 w2ui 网格中的 if 条件使列可编辑

Question

$('#grid').w2grid({ 
    name: 'grid',
    columns: [  
              { 
                  field: 'code', 
                  caption: 'Code', 
                  size: '120px', 
                  sortable: true, 
                  resizable: true, 
                  editable: { 
                      type: 'text' 
                  }
              }

我想用 if 条件对其进行编辑，就像其他字段为空时一样，我不想使其可编辑。我该如何做到这一点？

Answer 1

您至少有两个选择:

为您的特定记录设置 record.w2ui.editable = false(这要求您的数据源是动态的并包含某种逻辑)。

- 或 -

在 w2ui 1.5 中，grid.columns[i].editable 也可以是函数而不是对象，因此您可以编写自己的检查函数来确定单元格是否可编辑。

引用源文件:

col.editable can be a function which will be called with the same args as col.render()

由于最后一个没有详细记录，我建议您看一下 w2grid.js 源代码中 getCellEditable() 的实现，以了解我提到的两个选项将如何实现互动。