extjs 有条件地渲染列

Question

假设我有一个包含 2 列的网格面板：姓名和工资，相应商店的 dataIndex 具有相同的名称

在 extjs 中，渲染器函数是这样的：

function(value, metaData, record, rowIndex, colIndex, store){}

现在，当我根据属性的名称调用 randerer 时，如果我想进行不同的渲染，我该怎么做？ 例如。

function(value, metaData, record, rowIndex, colIndex, store){
if (record.name == 'Salary'|| record.id == 'Salary')
{
//render logic
}
else if (record.name == 'Name'|| record.id == 'Name'){
  //different render logic
}
}

正确的语法是什么？

Answer 1

嗯，语法上是正确的。但是 if 语句中的条件不正确。 value 变量保存正在呈现的值，因此如果您需要检查它应该是相当简单的 if 条件。

在您的情况下，您正在尝试呈现 Salary 或 Name？ record 变量保存整个记录。没有record.name 字段。记录对象包含以下字段：

1. data -> 是一个带有数据的对象。 （使用应该是用这个）
2. id -> 记录的 ID。这是由您商店中的idProperty 指定的
3. json -> json 格式的数据
4. 商店 -> 您的商店本身
5. 原型 -> 原型

因此，如果您要进行任何比较和检查，则需要使用record.data.<property-name>。

在您的情况下，您的姓名和薪水都有一个 dataIndex，因此代码将是：

function(value, metaData, record, rowIndex, colIndex, store) {

    if(record.data.property == Name) {
            //render logic for name
    }
    else if(record.data.property == Salary) {
            // render logic for salary
    }
}

最后，这个函数将进入你的列的渲染器属性。