Run function on rawData before JSON reader parses it

[dobie_]

Hello,
I have a DataView set up like this (BrowsePage extends Ext.DataView):


Ext.create('my.app.BrowsePage', {
id: 'searchResults',
itemTpl: '<h1>hi!</h1>',
store: {
autoLoad: true,
fields: ['applications', 'query'],
proxy: {
type: 'ajax',
url: Settings.searchUrl,
reader: {
type: 'json',
root: 'MyApp::Search',
totalProperty: 'matchcount'
}
}
}
});


But Settings.searchUrl contains invalid JSON (and this will eventually be on a foreign server so I can't control that data). I need to run my custom Data.stripChars() function on the string before the JSON reader tries to parse it. Does anyone know of a way to do this while still defining my ajax proxy within the Store like this?

[dobie_]

Well if anyone is interested, you can override getResponseData like this, then use 'myjson' as the reader type instead of json. It works for now --



Ext.define('Ext.data.reader.MyJson', {
extend: 'Ext.data.reader.Json',
alias: 'reader.myjson',
//inherit docs

// warning: this regex sucks!
cleanForJSON: function(str) {
return str.replace(/[^a-z 0-9\{\}\[\]\/\\\!<>:"'\.\$\-_,]+/gi,'');
},


getResponseData: function(response) {
try {
var data = Ext.decode(this.cleanForJSON(response.responseText));
}
catch (ex) {
Ext.Error.raise({
response: response,
json: response.responseText,
parseError: ex,
msg: 'Unable to parse the JSON returned by the server: ' + ex.toString()
});
}
//<debug>
if (!data) {
Ext.Error.raise('JSON object not found');
}
//</debug>


return data;
},
});