Why is google drive picker affecting ext js combo field template?

Question

A couple years ago a former colleague added ext components, specifically the Combobox, to a project I maintain. Now I am trying to add a google drive picker to allow users to select items from google Drive. After a user loads the google picker, if he/she then interacts with the combobox, the results will not correctly be displayed, despite the XHR request returning the data properly. I see in the boundlist.js file where it creates the XTemplate object but not where it applies it to each record in the store...

Has anybody dealt with this issue or something similar? Is there a way to avoid conflicts between the two JS libraries?

Answer 1

I ran into the same problem with ExtJS 3.3.

It is because gdrive js client adds a function to the array prototype called values. Subtemplate of combo's XTemplate has a target "callback" like this:

(function(values,parent
/**/) {
with(values){ return values; }
})

This "callback" is generated by Ext.XTemplate function. I modified that to generate "callback" like this:

(function(values,parent
/**/) {
if(typeof values.values != "function"){with(values){ return values; }} else {return values;}
})

Regards,
Gyula