[Ext JS 4] SingleElementArray extend JsonReader

Employee = Ext.define('Employee', {



extend: 'Ext.data.Model',



fields: [



'id',



{name: 'name', mapping: 1},



{name: 'occupation', mapping: 2}



]



});



var myReader = new Ext.data.reader.Array({



model: 'Employee'



}, Employee);

Ext 에서 제공해주는 ArrayReader 는 위와 같은 방식으로 정의를 하며, 데이터는 아래와 같은 방식이여야 합니다.

[ [1, 'Bill', 'Gardener'], [2, 'Ben', 'Horticulturalist'] ]

하지만 아래와 같이 하나의 배열에 담긴 데이터가 들어올 때 읽어들일 수 있는 방법은 존재하지 않습니다. (찾아본 바로는...)

[ 'vicki.co.kr', 'tistory.com', 'daum.net' ]

ArrayReader 로 읽더라도 스토어에는 'v', 't', 'd' 와 같이 앞의 한자리만 가지고오게 됩니다.



/app/ux/data/reader/SingleElementArray.js

<br/> Ext.define('WO.ux.data.reader.SingleElementArray', {<br/> extend: 'Ext.data.reader.Json',<br/> alternateClassName: 'Ext.data.SingleElementArray',<br/> alias : 'reader.singleElementArray',<br/><br/> /**<br/> * @private <br/> */<br/> buildExtractors: function() {<br/> this.callParent(arguments);<br/> <br/> var fields = this.model.prototype.fields.items,<br/> length = fields.length,<br/> extractorFunctions = [],<br/> i;<br/> <br/> for (i = 0; i < length; i++) {<br/> extractorFunctions.push(function(index) {<br/> return function(data) {<br/> if (typeof data == 'string') {<br/> return data;<br/> }<br/> return data[index];<br/> };<br/> }(fields[i].mapping || i));<br/> }<br/> <br/> this.extractorFunctions = extractorFunctions;<br/> }<br/>});<br/>



위와 같이 단일 요소 배열도 처리할 수 있는 ArrayReader 를 확장한 후 아래와 같이 사용하면 끝~ 입니다.


<br/> Ext.define('SingleElement', {<br/> extend: 'Ext.data.Model',<br/> fields: ['key']<br/>});<br/>var store = Ext.create('Ext.data.Store', {<br/> model: 'SingleElement',<br/> proxy: {<br/> type: 'ajax',<br/> url: '/test.php',<br/> reader: {<br/> type: 'singleElementArray',<br/> root: 'data'<br/> }<br/> }<br/>});<br/>