휴대폰이나 태블릿에서 터치 이벤트로 작업하기 위해 ag-grid에서 셀을 편집 할 수 없습니다. 마우스 클릭으로 잘 작동합니다.
또한 터치를 사용하여 작업하기 위해 도구 모음의 피벗 옵션으로 열을 드래그 할 수 없습니다.
어쨌든 이것 주위에 있습니까?
그래서 저는 라이브러리에 대한 아주 작은 편집으로 셀 편집을 수정했습니다.
두 번 클릭 처리기에 touchstart 터치 이벤트를 추가했습니다. 두 번 클릭하면 셀 편집보다 더 많은 작업을 수행 할 수 있으므로 시간이있을 때 별도의 터치 처리기를 만들 것입니다.
암호:
RenderedCell.prototype.addCellDoubleClickedHandler = function () {
var that = this;
var colDef = this.column.colDef;
this.vGridCell.addEventListener('dblclick', function (event) {
// always dispatch event to eventService
var agEvent = that.createEvent(event, this);
that.eventService.dispatchEvent(grid.Events.EVENT_CELL_DOUBLE_CLICKED, agEvent);
// check if colDef also wants to handle event
if (typeof colDef.onCellDoubleClicked === 'function') {
colDef.onCellDoubleClicked(agEvent);
}
if (!that.gridOptionsWrapper.isSingleClickEdit() && that.isCellEditable()) {
that.startEditing();
}
});
//TOUCH HANDLER
this.vGridCell.addEventListener('touchstart', function (event) {
// always dispatch event to eventService
var agEvent = that.createEvent(event, this);
that.eventService.dispatchEvent(grid.Events.EVENT_CELL_DOUBLE_CLICKED, agEvent);
// check if colDef also wants to handle event
if (typeof colDef.onCellDoubleClicked === 'function') {
colDef.onCellDoubleClicked(agEvent);
}
if (!that.gridOptionsWrapper.isSingleClickEdit() && that.isCellEditable()) {
that.startEditing();
}
});
};
지금은 그다지 중요하지 않지만 드래그 앤 드롭 기능도 살펴 보겠습니다. AG Grids가 자체 기능을 작성 했으므로 터치 이벤트를 사용하여 터치 작업을 위해 복제 할 수 있다고 확신합니다.
iPhone 6의 GOOD 브라우저에서 테스트 및 작동
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다