itemFormatter를 사용하여 이미지를 넣어주고 있습니다.
itemFormatter(panel, r, c, cell) {
if (panel.cellType == wjGrid.CellType.Cell && c == 1) {
let value = cell.innerHTML;
if (value == "releasedactivity") {
var tmp = this.data[r]["to_date"].split(" ");
const d1 = new Date(tmp[0]);
tmp = this.data[r]["finish_date"].split(" ");
const d2 = new Date(tmp[0]);
// console.log("release d1: ", d1, " d2: ", d2);
if (d1.getTime() < d2.getTime()) {
// 노랑
cell.innerHTML = `<div style="text-align : center;"><img src='${dot_blue}' id='img' class="imageAdd" onClick={this.click} /></div>`;
} else {
cell.innerHTML = `<div style="text-align : center;"><img src='${dot_gray}' id='img' class="imageAdd" onClick={this.click} /></div>`;
}
} else if (value == "workingactivity" || value == "waitingactivity") {
var tmp2 = this.data[r]["to_date"].split(" ");
const d1 = new Date(tmp2[0]);
var d2 = new Date();
if (this.data[r]["finish_date"] != null) {
tmp2 = this.data[r]["finish_date"].split(" ");
d2 = new Date(tmp2[0]);
}
// console.log(" d1: ", d1, " d2: ", d2);
if (d1.getTime() < d2.getTime()) {
cell.innerHTML = `<div style="text-align : center;"><img src='${dot_red}' id='img' class="imageAdd" onClick={this.click} /></div>`;
} else {
cell.innerHTML = `<div style="text-align : center;"><img src='${dot_green}' id='img' class="imageAdd" onClick={this.click} /></div>`;
}
} else {
cell.innerHTML = "";
}
}
},