Load external script within Ext JS 4

Question

Within Ext JS 4, I need to load D3 API. I am using the below code

loadScript: function(callback, scope) {	console.log('5) loadScript called');	Ext.Loader.injectScriptElement('http://d3js.org/d3.v3.js', onLoad, onError); console.log('D3 script loaded '); }, onError : function() {	console.log('On Error');	},	onLoad : function() {	console.log('On Load');	d3.select('body').append('div').style('position', 'absolute').style('padding', '0 10px').style('background', 'red').style('opacity', 0);	},

However, in browser console, I get the below error -

Uncaught ReferenceError: onLoad is not defined

Can someone please help me rectify the above code?

Thank you.

CD.. · Accepted Answer · 2015-04-22 07:54:54Z

Use this.onLoad and this.onError, like this:

Ext.Loader.injectScriptElement('http://d3js.org/d3.v3.js', this.onLoad, this.onError, this);

(You can pass the scope too)

Collectives™ on Stack Overflow

Load external script within Ext JS 4

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related