Как отформатировать номер в CellTemplate с помощью jquery Devextreme?

#devextreme

Вопрос:

Я хочу настроить свою колонку дебет и кредит. Когда будет сумма, она станет blue color , и когда вы нажмете на нее, она станет show pop up . Если amount is zero так, то так оно и будет blank . Проблема в том, что когда я использую CellTemplate для настройки ячейки, настраиваемый текст и формат не работают. У кого-нибудь есть идеи по этому поводу? Пожалуйста, посмотрите мою JS-скрипку

Сначала, используя это, я смог сделать так, чтобы нулевые значения стали пустыми (см. столбец дебет).

 {
  dataField: "debit",
  caption: "DEBIT",
  dataType: "number",
  width: 150,
  format: "#,##0.00;(#,##0.00)",
  customizeText: function(cellInfo) {
    if (cellInfo.valueText === "0.00") {
      return " ";
    } else {
      return cellInfo.valueText;
    }
  },
}
 

после того, как я добавляю CellTemplate, настраиваемый текст и формат не работают. Сумма плохо отформатировалась, и ноль не стал пустым. (см. колонку «Кредит»)

 {
dataField: "credit",
  caption: "CREDIT",
  dataType: "number",
  width: 150,
  format: "#,##0.00;(#,##0.00)",
  customizeText: function(cellInfo) {
    if (cellInfo.valueText === "0.00") {
      return " ";
    } else {
      return cellInfo.valueText;
    }
  },
  cellTemplate: function(container, cellInfo) {
    var credit = cellInfo.data.credit;

    if (credit !== "0.0000") {
      var color1 = "blue"
    }
    $('<a/>').addClass('dx-link')
      .text(cellInfo.data.credit)
      .css("color", color1)
      .on('dxclick', function() {
       $("#popup").dxPopup("instance").show();
$("#txt").dxTextArea("instance").option("value", cellInfo.data.credit);
      })
      .appendTo(container);
  }
}
 

Моя Текущая Выходная мощность

Выходной ток

Ответ №1:

Когда вы используете cellTemplate format и customizeText игнорируются. При использовании cellTemplate вам придется отформатировать значение вручную.