是否可以在 w2ui 网格列中包含 multi/custom 字段类型，并根据单元格值对每种类型进行内联编辑？

Question

是否可以根据单元格的值在网格列中包含多种类型？根据值呈现每个单元格的位置。例如，在同一列中，单元格的类型可以是 'text' 或 'datetime' 或 'list' 等...对于每种类型我都可以使用内置的内联编辑吗？请参见下面的图片说明。基本上是一个 key/value 编辑器，其中值列需要包含多个“类型”。请 post 一个示例答案。

Answer 1

这是可能的，但您不能依赖标准功能。

w2grid 的思想是将渲染器分配给列，并以相同的方式渲染同一列的所有单元格。

您可以为您的列实现渲染函数，然后根据这些参数为每个单元格生成 HTML：

http://w2ui.com/web/docs/1.5/w2grid.columns

或者您可以为您的网格覆盖 getCellHTML()。

查看 getCellHTML() 的实现，看看如果您想对其进行自定义，等待您的是什么：

https://github.com/vitmalina/w2ui/blob/master/src/w2grid.js#L7396

Answer 2

虽然这是一个 hack 解决方案，但我最终创建了多个垂直对齐的网格，每个网格都有一个 属性 & value 列，但是基于 w2ui 框架，每个网格的 value 列的 'type' 属性是不同的我想要的开箱即用功能。每个网格也由 header 分隔，没有填充，给人一种感觉就像是一个网格。请参见下图。现在很明显，这样做的缺点是您不能对所有字段进行排序，但这在我的用例中不是必需的。