문의 관련하여 캡쳐 영상 및 구현 코드 공유합니다.
selectionChanged 이벤트 핸들러는 아래와 같이 구현했고요, 선택되었을 시 행 컬러를 바꾸는 코드입니다.
gridOptions.selectionChanged = function (grid, evt) {
if (evt.panel.cellType === wijmo.grid.CellType.Cell) {
if (!!curSelectedRow) {
curSelectedRow.cssClass = null;
}
if (evt.row >= 0) {
curSelectedRow = contentGridEl.rows[evt.row];
curSelectedRow.cssClass = 'cur-selected-row';
}
}
};
첨부한 영상에 보이는 링크는 아래와 같이 CellMaker.makeLink() 를 통해 구현했고요, 코드에는 보이지 않지만 해당 링크 클릭 시 상세정보 모달이 노출됩니다.
col.cellTemplate = wijmo.grid.cellmaker.CellMaker.makeLink({
click: function (e, ctx) {
let param = {
row: ctx.row.index,
col: ctx.col.index,
binding: ctx.col.binding,
dataItem: ctx.item,
};
parentObj.onGridEvent('cellLinkClicked', param);
},
});
영상에서 보시면 처음 링크를 클릭하면 selectionChanged 이벤트가 발생하면서 행 색깔이 바뀝니다.
이때 링크는 동작하지 않고요 selectionChanged 이벤트가 발생하지 않도록 클릭한 셀을 다시 클릭해야 cellTemplate 에 구현한 링크가 동작합니다.
동시에 동작하는 방법이 없는지 문의 드립니다.