편집 셀의 AG 그리드 터치 이벤트

사이먼 니콜스

휴대폰이나 태블릿에서 터치 이벤트로 작업하기 위해 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] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

셀 편집 이벤트시 활성 데이터 그리드의 이름을 얻습니까?

분류에서Dev

ag-grid 셀 편집기-백엔드에 데이터를 저장하는 방법

분류에서Dev

GWT 데이터 그리드의 편집기 프레임 워크

분류에서Dev

셀 편집으로 트리거되는 비동기 메서드 완료 전후에 Ag Grid의 셀 스타일을 어떻게 변경합니까?

분류에서Dev

데이터베이스의 외부 이벤트가 포함 된 전체 캘린더 드롭 편집 설명

분류에서Dev

반응의 각 행에 대한 편집 / 삭제 버튼이있는 Ag 그리드에 작업 열을 추가하는 방법은 무엇입니까?

분류에서Dev

편집 모드의 검도 그리드가 푸시 이벤트를 발생하지 않습니다.

분류에서Dev

편집 된 JTable 셀의 레코드를 데이터베이스로 업데이트하는 방법

분류에서Dev

한 활동의 버튼 클릭 이벤트에서 백그라운드에있는 다른 활동의 편집 텍스트로 데이터 보내기

분류에서Dev

터치 업 이벤트 후 비트 맵의 Android 그리기가 사라집니다.

분류에서Dev

UI 그리드 편집 셀 기능에서 백엔드 나머지 API를 사용하여 업데이트 된 데이터 저장

분류에서Dev

검도 그리드의 사용자 정의 편집기에 뷰 데이터 전달

분류에서Dev

반짝이는 데이터 테이블의 여러 셀 편집

분류에서Dev

데이터 테이블 (R)에서 셀의 RGB 색상 편집

분류에서Dev

Highcharts Legend의 클릭 이벤트 편집

분류에서Dev

ag-Grid 셀 편집기 내에서 사용자 지정 지시문을 사용할 때 writeValue () 전에 포커스 이벤트가 호출됩니다.

분류에서Dev

손쉬운 그리드의 셀 속성 편집

분류에서Dev

ag-grid : 참조 된 노드의 계층 적 트리 : 참조 된 속성을 편집 가능하게 만드는 방법은 무엇입니까?

분류에서Dev

셀 편집 그리드에서 "열 이름"및 "이전 값"을 얻는 방법

분류에서Dev

gxt 그리드의 조건부 편집

분류에서Dev

Umbraco를 사용한 리치 텍스트 편집기의 이상한 동작

분류에서Dev

Umbraco를 사용한 리치 텍스트 편집기의 이상한 동작

분류에서Dev

SpriteKit Xcode 레벨 편집기 사용자 정의 버튼 클래스에 대한 터치 이벤트 없음 (3D 터치)

분류에서Dev

SQL Server 테이블에서 데이터 그리드 채우기 및 편집

분류에서Dev

Windows 8 그리드 앱 템플릿 | 샘플 데이터 소스 편집

분류에서Dev

WinForms DataGridView 셀 편집 종료 이벤트 셀 가져 오기

분류에서Dev

셀 편집을 사용하여 눌러 진 Home / End 키의 이벤트

분류에서Dev

편집 상태에있는 데이터 그리드 행을 코드에서 소스로 업데이트

분류에서Dev

편집 모드에서 UITableView 셀의 UISwitch

Related 관련 기사

  1. 1

    셀 편집 이벤트시 활성 데이터 그리드의 이름을 얻습니까?

  2. 2

    ag-grid 셀 편집기-백엔드에 데이터를 저장하는 방법

  3. 3

    GWT 데이터 그리드의 편집기 프레임 워크

  4. 4

    셀 편집으로 트리거되는 비동기 메서드 완료 전후에 Ag Grid의 셀 스타일을 어떻게 변경합니까?

  5. 5

    데이터베이스의 외부 이벤트가 포함 된 전체 캘린더 드롭 편집 설명

  6. 6

    반응의 각 행에 대한 편집 / 삭제 버튼이있는 Ag 그리드에 작업 열을 추가하는 방법은 무엇입니까?

  7. 7

    편집 모드의 검도 그리드가 푸시 이벤트를 발생하지 않습니다.

  8. 8

    편집 된 JTable 셀의 레코드를 데이터베이스로 업데이트하는 방법

  9. 9

    한 활동의 버튼 클릭 이벤트에서 백그라운드에있는 다른 활동의 편집 텍스트로 데이터 보내기

  10. 10

    터치 업 이벤트 후 비트 맵의 Android 그리기가 사라집니다.

  11. 11

    UI 그리드 편집 셀 기능에서 백엔드 나머지 API를 사용하여 업데이트 된 데이터 저장

  12. 12

    검도 그리드의 사용자 정의 편집기에 뷰 데이터 전달

  13. 13

    반짝이는 데이터 테이블의 여러 셀 편집

  14. 14

    데이터 테이블 (R)에서 셀의 RGB 색상 편집

  15. 15

    Highcharts Legend의 클릭 이벤트 편집

  16. 16

    ag-Grid 셀 편집기 내에서 사용자 지정 지시문을 사용할 때 writeValue () 전에 포커스 이벤트가 호출됩니다.

  17. 17

    손쉬운 그리드의 셀 속성 편집

  18. 18

    ag-grid : 참조 된 노드의 계층 적 트리 : 참조 된 속성을 편집 가능하게 만드는 방법은 무엇입니까?

  19. 19

    셀 편집 그리드에서 "열 이름"및 "이전 값"을 얻는 방법

  20. 20

    gxt 그리드의 조건부 편집

  21. 21

    Umbraco를 사용한 리치 텍스트 편집기의 이상한 동작

  22. 22

    Umbraco를 사용한 리치 텍스트 편집기의 이상한 동작

  23. 23

    SpriteKit Xcode 레벨 편집기 사용자 정의 버튼 클래스에 대한 터치 이벤트 없음 (3D 터치)

  24. 24

    SQL Server 테이블에서 데이터 그리드 채우기 및 편집

  25. 25

    Windows 8 그리드 앱 템플릿 | 샘플 데이터 소스 편집

  26. 26

    WinForms DataGridView 셀 편집 종료 이벤트 셀 가져 오기

  27. 27

    셀 편집을 사용하여 눌러 진 Home / End 키의 이벤트

  28. 28

    편집 상태에있는 데이터 그리드 행을 코드에서 소스로 업데이트

  29. 29

    편집 모드에서 UITableView 셀의 UISwitch

뜨겁다태그

보관