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


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

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