javascript - 编辑单元格上的 AG 网格触摸事件

Question

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

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

反正有这个吗？

Answer 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 浏览器中测试并运行