[Sencha Touch2] MitchellSimoens Touch Grid..

Sencha Touch에선 기본 컴포넌트로 그리드를 제공하지 않는다.

 

단순히 데이터뷰와 리스트정도만 제공하고 있는데 데이터를 여러개 표시할 땐 이 데이터가 무엇을 나타내는지

 

헤더로 표현해주지 않으면 애매할 경우가 있다.

 

혹시나 그리드를 구현하는 예제가 있나 구글링을 하다가 찾아냈다.

 

일단 그냥 쓰기에는 괜찮으나 editable type같은 경우엔 약간의 문제가 있다.

 

예제 소스 안에 feature폴더에 보면 Editable.js이 있는데 여기에 약간 수정을 해주면

 

정상적으로 동작한다. 소스는 아래를 참조하길 바란다.

 

handleTap : function(grid, index, rowEl, rec, e) { var editor = this.getActiveEditor(); if (editor) { if (!e.getTarget('input') && !e.getTarget('div.x-clear-icon')) { var field = editor.field, component = field.getComponent(), value = component.getValue(); if(value == ""){ console.log(editor.record.get(field.getName())); value = editor.record.get(field.getName()); } field.destroy(); if (field.isDirty()) { editor.record.set(field.getName(), value); } else { field.getRenderTo().setHtml(editor.htmlValue); } this.setActiveEditor(null); }

 

 

 

https://github.com/mitchellsimoens/Ext.ux.touch.grid/