ag-grid でセルを編集して、携帯電話やタブレットでタッチ イベントを操作することができません。マウス クリックで正常に動作しています。
また、タッチを使用してツールバーのピボット オプションに列をドラッグすることもできません。
とにかくこれの周りはありますか?
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 ブラウザーでテストおよび動作