불친절한자수씨

정리는 쪼끔 있다가요~~ ㅋㅋ

절대 낚시 아닙니다...

요기에 사용된 png 파일입니다.

Format.format("<b><a href=\"{0}\" target=\"_blank\" ext:qtip=\"{1}\">{2}</a><b>", new String[] { record.getAsString("url"), DateUtil.format(record.getAsDate("date"), "Y-m-j G:i:s"), record.getAsString("title") });

위와 같이 어떠한 태그의 ext:qtip property 를 지정하면 그것이 툴팁으로 나오게 됩니다.

이렇게~

대부분 Window 를 닫는 경우는 숨기는 경우가 많기 때문에 다음과 같이 코딩을 해주면 끝입니다.

[window객체].setCloseAction(Window.HIDE);

Window 를 닫을 경우 숨김으로 대체한다는 것 이겠죠~~

this.store = new Ext.data.SimpleStore({ fields: [ 'check', 'star', 'sender', 'subject', 'date', 'popup' ] }); this.store.loadData(myData); this.checkboxModel = new Ext.grid.CheckboxSelectionModel(); this.grid = new Ext.ux.WiseOne.GridPanel({ store: this.store, columns: [ /* this.checkboxModel,*/ { id: 'check', header: 'C', width: 25, dataIndex: 'check' }, { id: 'star', header: 'S', width: 25, dataIndex: 'star' }, { id: 'sender', header: 'sender', width: 50, dataIndex: 'sender' }, { id: 'subject', header: 'subject', width: 80, dataIndex: 'subject' }, { id: 'date', header: 'date', width: 50, dataIndex: 'date' }, { id: 'popup', header: 'P', width: 25, dataIndex: 'popup' } ], stripeRows: true, autoExpandColumn: 'subject', height: 400, width: 300, title: 'grid' }); this.grid.getView().multiDef = [ { fields: ['check', 'sender', 'date'], autoExpandColumn: 'sender' }, { fields: ['subject', 'star', 'popup'], autoExpandColumn: 'subject' } ]; this.grid.render('grid_panel');

view 에 multiDef 라는 속성을 통해서 rendering 되도록 해보았다.

gridView 쪽 소스를 수정하였으나 obfuscated 되어서 >_<...

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

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.data.Store.prototype.load = function(B){ B = B || {}; if (this.fireEvent("beforeload", this, B) !== false) { this.storeOptions(B); var C = Ext.apply(B.params || {}, this.baseParams); if (this.sortInfo && this.remoteSort) { var A = this.paramNames; C[A["sort"]] = this.sortInfo.field; C[A["dir"]] = this.sortInfo.direction } if (this.proxy) { this.proxy.load(C, this.reader, this.loadRecords, this, B); } return true } else { return false } };


json 으로 store 를 load 할 경우 proxy 는 undefined 이기 때문에 위와 같이 수정하시면

오류 없이 사용할 수 있습니다.