모바일에서 grid editor 문의


(Joe) #1

grid 컬럼을 editor: {type: “text”} 로 설정후

모바일웹에서 셀을 클릭시 입력 모드로 변경이 안되는 현상이 있습니다.

다른 방법이 있을까요?


(Thomas) #2

이벤트를 받아야 에디터 모드가 되는데요. 지금은 더블클릭이벤트가 작동하게 되어 있어서 그런 것 같습니다.

이부분에서 이벤트를 걸어주었는데. 이걸 모바일에서 어떻게 하는게 좋을까요? 무슨 아이디어라도 있으신가요?


(Jeong Jaehong) #3

모바일 에서는 더블클릭 자체가 반응을 하지 않던데요??

longClick을 검출할 수 있으면…일정시간 이상 길게 누르면 편집모드로 진입하게 하면 어떨까요?


(Jeong Jaehong) #4

조금 억지스럽 습니다만 일단 이렇게 해서 입력모드로 강제로 진입하도록 했는데 Grid에서 “onLongTouch” 같은걸 제공해서 editor를 활성화 해줄 수 있으면 좋겠습니다.

	    body: {
	        align: "center",
	        columnHeight: 32,
	        onClick: function (e) {
	            this.self.select(this.dindex);
	            
	            if (touchtime == 0) {
	                // set first click
	                touchtime = new Date().getTime();
	            } else {
	                // compare first click to this click and see if they occurred within double click threshold
	                if (((new Date().getTime()) - touchtime) < 800) {
	                    touchtime = 0;
                            
                        let value =  this.self.list[this.dindex][this.column.key];
                        
                        let editor = this.self.colGroup[this.colIndex].editor;
                        if (ax5.util.isObject(editor)) {
                        	ax5.ui.grid.body.inlineEdit.active.call(this.self, this.self.focusedColumn, e, value);
                        }

	                } else {
	                    // not a double click so set as a new first click
	                    touchtime = new Date().getTime();
	                }
	            }		            
	        },
	        onDataChanged : function(){
	        	console.log(this.self);
	            
	        	save_workstatus();
	        }

(Jeong Jaehong) #5

스마트폰에서 Grid Edit 상태에 더블클릭시 입력모드 바로 사라지는 문제 이분 질문처럼 android기기에서 가상키보드가 떴다 사라지면서 editor가 deActive되는 문제가 생기는데 왜그럴까요? 기기의 해상도에 따라서 조금씩 틀린거 같기도 하고 저는 200px이 넘어가면 그러더라구요.