customizeText devextreme无法正常工作

datagrid = $("#gridContainer").dxDataGrid({
  columns: [{
    dataField: "STCG",
    caption: "STCG",
    format: 'fixedPoint',
    allowFiltering: false,
    precision: 2,
    customizeText: function(cellElement, cellInfo) {
      var fieldData = cellInfo.value;

      if (fieldData >= 0) {
        cellInfo.cellElement.addClass("greencolortext");
      } else {
        cellInfo.cellElement.addClass("redcolortext");
      }
    }
  }]
}).dxDataGrid("instance");
.greencolortext {
  color: #2DC48D;
}

.redcolortext {
  color: #bf4e6a;
}

customizeText方法不需要2个参数。 那么如果你打开浏览器控制台,你会看到JavaScript错误。

在你的情况下,你可以使用cellTemplate选项:

cellTemplate: function($cell, cellInfo) {
    var fieldData = cellInfo.data.STCG;
    if (fieldData >= 0) {
        $cell.addClass("greencolortext");
    } else {
        $cell.addClass("redcolortext");
    }

    $cell.append(cellInfo.text);
}

演示。


请参阅 - dxDataGrid - customizeText在特定条件下不会更改单元格文本

customizeText回调函数用于更改单元格文本。 如果您希望完全自定义您的单元格内容,请仅使用cellTemplate。

希望这个帮助..

链接地址: http://www.djcxy.com/p/5241.html

上一篇: customizeText devextreme not working

下一篇: DevExpress' DevExtreme for Angular2 and pre