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

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

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

하지만 DragDrop 을 붙이게 되면 한개의 행만 체크할 수 있습니다.
(컨트롤이나 쉬프트로 여러행을 선택할 수 있으나 체크박스를 클릭해서는 여러행을 클릭할 수 없습니다.)

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

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

Listing.1 [module].html
... <script type="text/javascript" src="js/ext/ext-all.js"></script> <script type="text/javascript" src="js/ext-patch.js"></script> ...

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

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

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

참고자료: http://extjs.com/forum/showthread.php?t=13656

radio1 이 사람이 포럼에 올린 글을 http://extjs.com/forum/showthread.php?t=20555 요기서 확인 가능합니다. 제가 원하는 질문들을 많이 올려주었네요~~ 캄사 >_<