编辑单元格上的 AG 网格触摸事件答案

【问题标题】：AG Grids Touch Event On Edit Cell编辑单元格上的 AG 网格触摸事件
【发布时间】：2016-07-10 18:49:08
【问题描述】：

我无法在 ag-grid 上编辑单元格以处理手机或平板电脑上的触摸事件，只需单击鼠标即可正常工作。

我也无法使用触摸将列拖到工具栏中的枢轴选项中。

这里面还有吗？

【问题讨论】：

我对 ag-grid-angular 19.0.0 有类似的问题。网格中任何地方的触摸事件都像点击事件一样被处理，除了标题。

标签： javascript touch ag-grid

【解决方案1】：

所以我已经设法通过对库进行非常小的编辑来修复单元格的编辑：

我只是将 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 浏览器中测试并运行

【讨论】：