0

ag-grid でセルを編集して、携帯電話やタブレットでタッチ イベントを操作することができません。マウス クリックで正常に動作しています。

また、タッチを使用してツールバーのピボット オプションに列をドラッグすることもできません。

とにかくこれの周りはありますか?

4

1 に答える 1

2

だから私はライブラリに非常に小さな編集でセルの編集を修正することができました:

タッチでセルを編集する

ダブルクリック ハンドラーに 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 ブラウザーでテストおよび動作

于 2016-03-23T17:30:03.670 に答える