EXTJS integration with vaadin

Hi All,

Is it possible to integrate extjslibrary(bryntum gantt chart) with vaadin using javascript component?

I have given a try for integration.
Got success to some extend but now stuck on below error:

com.vaadin.client.VConsole SEVERE: Exception caught: (TypeError) fileName: http://localhost:8080/app/APP/PUBLISHED/ext-all.js stack: anonymous@http://localhost:8080/app/APP/PUBLISHED/ext-all.js:3969 Ext.ClassManager.instantiate@http://localhost:8080/app/APP/PUBLISHED/ext-all.js:3948 Ext.Function.alias/<@http://localhost:8080/app/APP/PUBLISHED/ext-all.js:1555 com_ui_extensions_GanttExtension@http://localhost:8080/app/APP/PUBLISHED/test.js:56 huc@http://localhost:8080/app/:162 Qtc@http://localhost:8080/app/:66 luc@http://localhost:8080/app/:0 RCc@http://localhost:8080/app/:0 Dz@http://localhost:8080/app/:21 sz@http://localhost:8080/app/:12 Mbc@http://localhost:8080/app/:0 erc@http://localhost:8080/app/:8 _qc@http://localhost:8080/app/:22 tpc@http://localhost:8080/app/:21 rpc@http://localhost:8080/app/:66 Kqc@http://localhost:8080/app/:0 cA@http://localhost:8080/app/:200 qA@http://localhost:8080/app/:0 Vac/c.onreadystatechange<@http://localhost:8080/app/:312 mm@http://localhost:8080/app/:80 sm@http://localhost:8080/app/:11 rm/<@http://localhost:8080/app/:95
lineNumber: 3969 columnNumber: 0 $className: Ext.Base $class: function () {} self: function () {} initConfig: function (config) { if (!this.$configInited) { this.config = Ext.Object.merge({}, this.config || {}, config || {}); this.applyConfig(this.config); this.$configInited = true; } return this; } setConfig: function (config) { this.applyConfig(config || {}); return this; } applyConfig: function (a, b) { var k, i; if (a === null) { return this; } if (typeof a !== ‘string’) { for (k in a) { if (a.hasOwnProperty(k)) { fn.call(this, k, a[k]
); } } if (Ext.enumerables) { for (i = Ext.enumerables.length; i–:wink: { k = Ext.enumerables
; if (a.hasOwnProperty(k)) { fn.call(this, k, a[k]
); } } } } else { fn.call(this, a, b); } return this; } callParent: function (args) { var method = this.callParent.caller, parentClass, methodName; if (!method.$owner) { method = method.caller; } parentClass = method.$owner.superclass; methodName = method.$name; return parentClass[methodName]
.apply(this, args || ); } statics: function () { var method = this.statics.caller, self = this.self; if (!method) { return self; } return method.$owner; } callOverridden: function (args) { var method = this.callOverridden.caller; return method.$previous.apply(this, args || ); }

Hey, I’m working for Bryntum. If there’s anything related to the JS integration that we can help you out with - you’re always welcome to ask us. Our forum is here: www.bryntum.com/forum

Finally success!
It was missing some resources…I guess

[quote=Integration of Ext and Vaadin framework details @ http://myjavacup.blogspot.in/2013/12/integrating-bryntum-charts-in-vaadin.html ]