Wijmo는 다음을 비롯한 다양한 대상에 HTML5 드래그앤드롭을 사용합니다.

• FlexGrid에서 열 드래그하기
• GroupPanel에서 데이터 그룹화하기
• PivotPanel에서 보기 만들기

안타깝게도 대부분의 모바일 브라우저에서는 터치 기반 HTML5 드래그앤드롭을 지원하지 않으므로 이러한 컨트롤의 기능이 제한됩니다.

이 문제를 해결하기 위해 데스크톱 컴퓨터에서 하는 것과 동일한 방식으로 터치 기기에서 끌어서 놓기 기능을 작동시키는 DragDropTouch 폴리필(polyfill)을 만들었습니다. 이 CodeProject 문서에서 폴리필에 대한 내용을 읽으실 수 있습니다.

JavaScript 응용 프로그램에 터치 지원을 추가하는 방법

최신 릴리스에서는 DragDropTouch 폴리필을 새로운 wijmo.touch 모듈로 이동하여 터치 장치에서 끌어서 놓기 작업을 더 쉽게 지원할 수 있게 하였습니다.

wijmo.touch 모듈을 가져오면 사용자가 모든 장치에서 마우스 또는 터치를 통해 끌어서 놓기 작업을 수행할 수 있습니다.

예:

 // support drag/drop on touch devices  
 // users will be able to drag fields using touch  
 // on their mobile devices  
 import '@grapecity/wijmo.touch'; 

 import { PivotEngine, PivotPanel, PivotGrid } from '@grapecity/wijmo.olap';

 // create a PivotEngine  
 let ng = new PivotEngine({  
     itemsSource: getData(), // raw data  
     valueFields: ['Amount'], // summarize amounts  
     rowFields: ['Buyer', 'Type'] // summarize amounts  
 });

 // show pivot panel  
 new PivotPanel('#thePanel', {  
     itemsSource: ng  
 });

 // show pivot grid  
 new PivotGrid('#theGrid', {  
     itemsSource: ng  
 });

새로운 wijmo.touch 모듈을 자유롭게 활용해 응용 프로그램에서 터치 지원 기능을 향상시키시기 바랍니다.