在ExtJS Grid的action列中，如何使用传递给getClass / getTip的`v`参数？

Question

在ExtJS网格中，我有一个actioncolumn，我希望根据行中的数据（实际上，在行的特定列中）有不同的图标/工具提示。

getClass和getTip回调的第一个参数是v，在文档中描述为：

  

列配置字段的值（如果有）。

我已按如下方式定义了actioncolumn，使用dataIndex属性指定了“已配置字段”：

    {
        xtype: "actioncolumn",
        flex: 0.25,
        dataIndex: "action_name",  // Defines which field should be passed in as v, below
        getClass: function(v, metadata, r, rowIndex, colIndex, store) {
            // v is "", yet r.get("action_name") is "Capture Fill"
        }
    });

在getClass回调中，我可以通过r.get("action_name")访问* action_name *字段的值，但v是""。

我在这里做错了什么？

Answer 1

可以使用dataIndex cfg配置每个Column（对于某些必须配置的列类型）。 dataIndex告诉列在渲染时要使用的模型字段。

如果您使用dataIndex配置配置ActionColumn，则可以使用getClass和getTip回调中相应模型字段的值。

Demo（请参阅控制台中的输出）。