nexacro.Grid cell drag & drop

Nexacro-Grid/Grid 2017. 3. 30. 14:42

[ nexacro.Grid cell drag & drop ]

1. 정의 : Nexacro Grid 에서 Multi cell drag & drop 기능 구현

(무지 힘들었음 ㅋㅋ)

(보시고 괜찬으면 답글좀 ^^)

2. 이슈

a. drop 되는 위치에서 row, cell의 범위가 넘어가는 경우 존재.

b. drag가 되고 이동 시 drag된 row범위에 drop 될 경우 이슈.

(이 부분은 불가. 테스트 해보면 느껴짐)

3. script

//이 script가 존재 해야 multi cell 선택이 됨
//form의  ondrag Event에서 호출되는 Event
this.Form_copyRow_ondrag = function(obj:Form, e:nexacro.DragEventInfo)
{	
	return true;
}

this.Grid01_ondrop = function(obj:Grid, e:nexacro.GridDragEventInfo)
{		
	var colCnt = this.Dataset00.colcount;
	var rowCnt = this.Dataset00.rowcount;
	
	for(var i = 0; i < rowCnt; i++){		
		this.Dataset01.addRow();
		for(var j = 0; j < colCnt; j++){
			var bExist = this.Grid00.isSelectedCell(j,'body',i);			
			if(bExist == true){					
				this.Dataset01.setColumn(this.Dataset01.rowposition, j, this.Dataset00.getColumn(i, j));				
			}
		}		
	}
	
	var col1 = this.Dataset01.colcount;
	var row1 = this.Dataset01.rowcount;
	var arr = new Array();
	for(var i = 0; i < row1; i++){	
		var count = 0;
		for(var j = 0; j < col1; j++){			
			if(this.Dataset01.getColumn(i, j) == null){
				count++;			
				if(count == col1){
					arr.push(i);
				}
			}			
		}				
	}
	
	for(var i = arr.length - 1; i >= 0 ; i--){
		this.Dataset01.deleteRow(arr[i]);
	}
}

this.Grid00_ondrop = function(obj:Grid, e:nexacro.GridDragEventInfo)
{
	if (this.cf_dragAndDropSkip(obj, e) == true) return;
	var objDs = eval("this." + obj.binddataset);

var nRowCnt  = objDs.rowcount;
	var nColCnt  = objDs.colcount;
	var nCellCnt = obj.getCellCount("Body");
	var nDropRow  = e.row;
	for(var i=0; i<nRowCnt; i++){
		var nDropCell = e.cell;
		var bExist = false;
		for(var j=0; j<nColCnt; j++){
			var bSelected = obj.isSelectedCell(j,'body',i);	
			if(bSelected == true){
				bExist = true;
				var sDrapColId = obj.getCellProperty("Boady", j, "text").replace("bind:", '');
				//오른쪽으로 cell 범위가 넘어 갈 경우 skip 처리
				if (nDropCell <= (nCellCnt-1)){
					var sDropColId = obj.getCellProperty("Boady", nDropCell, "text").replace("bind:", '');
					var sDrapVal = objDs.getColumn(i, sDrapColId);

objDs.setColumn(nDropRow, sDropColId, sDrapVal);
				}
				objDs.setColumn(i, sDrapColId, '');
				nDropCell ++;
			}
		}
		if (bExist == true) nDropRow ++;
	}
	obj.setCellPos(e.cell);
	objDs.set_rowposition(e.row);
}

//여러 cell을 drag하면서 mouse를 때는 순간에 drop event가 발생함.
//이 때의 drop event를 skip하기 위해서 아래 function이 필요
this.cf_dragAndDropSkip = function(obj:Grid, e:nexacro.GridDragEventInfo){
	var objDs = eval("this." + obj.binddataset);
	var nRowCnt = objDs.rowcount;
	var nColCnt = objDs.colcount;
	
	for(var i=0; i<nRowCnt; i++){
		for(var j=0; j<nColCnt; j++){
			var bExist = obj.isSelectedCell(j,'body',i);	
			if(bExist == true && e.row == i && e.cell == j ) return true;
		}
	}
}

저작자표시

'Nexacro-Grid > Grid' 카테고리의 다른 글

Nexacro.Grid - cell 좌표 (3)	2018.01.16
Nexacro-Grid. format (0)	2017.08.18
Grid.sort 개발중 (0)	2017.02.24
Nexacro Grid - 한컬럼에 여러줄 보여주기 (0)	2017.01.22
Nexacro Grid -Combo Filter (필터) 처리 (0)	2017.01.22