[gwt-ext] GridPanel 에 DragDrop 을 붙일 경우 체크박스가 하나만 체크되는 경우

일반적인 GridPanel 에 CheckboxSelectionModel 을 이용하여 CheckBox 를 추가했을 때


체크박스를 클릭하면 여러 행을 체크할 수 있습니다.

하지만 DragDrop 을 붙이게 되면 한개의 행만 체크할 수 있습니다.

(컨트롤이나 쉬프트로 여러행을 선택할 수 있으나 체크박스를 클릭해서는 여러행을 클릭할 수 없습니다.)

이 문제를 해결하는 방법은 다음과 같습니다.

more..

patch.js 를 만들고 html 에서 ext-all.js 뒤에 추가합니다.



Listing.1 [module].html


<br/> ...<br/><script type="text/javascript" src="js/ext/ext-all.js"></script><br/><script type="text/javascript" src="js/ext-patch.js"></script><br/> ...<br/>



Listing.2 ext-patch.js


<br/> Ext.grid.RowSelectionModel.prototype.rsmHandleMouseDown = Ext.grid.RowSelectionModel.prototype.handleMouseDown;<br/>Ext.grid.CheckboxSelectionModel.override({<br/> handleMouseDown : function(g, rowIndex, e){} <br/>});<br/>Ext.grid.RowSelectionModel.override({<br/> initEvents : function() {<br/> if(!this.grid.enableDragDrop && !this.grid.enableDrag){<br/> this.grid.on("rowmousedown", this.rsmHandleMouseDown, this);<br/> }else{ // allow click to work like normal<br/> this.grid.on("rowclick", function(grid, rowIndex, e) {<br/> var target = e.getTarget(); <br/> if(target.className !== 'x-grid3-row-checker') {<br/> this.rsmHandleMouseDown(grid,rowIndex,e);<br/> grid.view.focusRow(rowIndex);<br/> }<br/> }, this);<br/> }<br/><br/> this.rowNav = new Ext.KeyNav(this.grid.getGridEl(), {<br/> "up" : function(e){<br/> if(!e.shiftKey){<br/> this.selectPrevious(e.shiftKey);<br/> }else if(this.last !== false && this.lastActive !== false){<br/> var last = this.last;<br/> this.selectRange(this.last, this.lastActive-1);<br/> this.grid.getView().focusRow(this.lastActive);<br/> if(last !== false){<br/> this.last = last;<br/> }<br/> }else{<br/> this.selectFirstRow();<br/> }<br/> },<br/> "down" : function(e){<br/> if(!e.shiftKey){<br/> this.selectNext(e.shiftKey);<br/> }else if(this.last !== false && this.lastActive !== false){<br/> var last = this.last;<br/> this.selectRange(this.last, this.lastActive+1);<br/> this.grid.getView().focusRow(this.lastActive);<br/> if(last !== false){<br/> this.last = last;<br/> }<br/> }else{<br/> this.selectFirstRow();<br/> }<br/> },<br/> scope: this<br/> });<br/><br/> var view = this.grid.view;<br/> view.on("refresh", this.onRefresh, this);<br/> view.on("rowupdated", this.onRowUpdated, this);<br/> view.on("rowremoved", this.onRemove, this); <br/> }<br/>});<br/>




extjs forum 의 검색을 통해서 찾아낸 결과입니다. forum 링크는 나중에 찾게되면



연결을.... Radio1 이라는 사람이 올린거 같았는데....



참고자료:

http://extjs.com/forum/showthread.php?t=13656



radio1 이 사람이 포럼에 올린 글을

http://extjs.com/forum/showthread.php?t=20555

요기서 확인 가능합니다. 제가 원하는 질문들을 많이 올려주었네요~~ 캄사 >_<