Extjs 4 intellisense in visual studio 2010

[thomsonzh]

Hi,

Is anybody know how to setup extjs 4 intellisense in vs2010?

Thanks
Thomson

[bgautard]

I'm looking for it too !

Thanks everbody.
Ben

[andyattogether]

I'm also having problems with Visual Studio 2010 and intellisense and ExtJS 4.0

There are a lot of posts on the internet mainly regarding VS 2008 but none of them work for me.

Just an indication that someone out there has this working would be a good start!

[bsbal]

Just add the following line to your JS File:

/// <reference path="file://C:/workspace/ExtJS/ext-all-debug-w-comments.js" />

(Path to your ext library)

After that press Ctrl + Shift + J to refresh intellisense. (wait few seconds...)

That's it.

[francorobles]

Intellisense won't show up for properties inside a constructor.
VS2010ExtIntellisense.png

[basememara]

I know you are asking for Visual Studio, but check out WebStorm. It has intellisense for Ext JS and is the best IDE for Javascript.

[Rochelle]

Thanks for suggestion of Webstorm. I know there is also NetBeans but trying to work within our current set of Dev tools - ie Visual Studio.

I have tried adding the following suggested reference directives to the top of my js file doing a CTRL-SHIFT-J to refresh.

/// <reference path="../ExtJS/ext-all-debug.js" />

I tried ext-all-debug-w-comments.js and also ext-all-debug.js which appears to be the "new" ext_base.js which was mentioned in a lot of other posts/forums.

I still have no luck on getting anything on typing Ext. Is this it or is my Intellisense not working and doesn't have the support in VS2010 ?


A tool with a few nice features I found mentioned in another post that might be useful to some also was
http://visualstudiogallery.msdn.microsoft.com/872d27ee-38c7-4a97-98dc-0d8a431cc2ed


Cheers

[Peepa]

Hi,
this solution works with ext3.4/VS2010 but may be you have the same problem with ext4.0.
After refreshing your intellisense (CTRL+SHIFT+J), try to check out the Output tab.
When I've got the reference set just to:

/// <reference path="~/ext-3.4.0/ext-all-debug-w-comments.js" />

I've got a lot of these messages there:

Javascript Intellisense Message: C:\AFW\TExI\UI\ext-3.4.0\ext-all-debug-w-comments.js(55411:0) : 'Ext' is undefined

The Ext namespace is simply not defined in ext-all*.js file. So adding the ext-base script to have the namespaces fixed the problem:

/// <reference path="~/ext-3.4.0/adapter/ext/ext-base.js" />
/// <reference path="~/ext-3.4.0/ext-all-debug-w-comments.js" />

And after another refresh of intelliSense it works like a charm.
hth

[yuhanlee]

hi, for all who want to add intellisense to VS2010, apparently the problem is only with the "path". Try the full path, eg : "C:\Inetpub\wwwroot\website\ext-all-dev.js" , it works like a charm!!

[hlurger]

Hi,
I am still using VS 2008 to change a little bit in the ext-all-debug-w-comments.js....

I added following line on the top of my js-file (like all the other...):

/// <reference path="C:\dev\kostenmanagement\kmm\ext-4\ext-all-debug-w-comments.js" />

The problem was, that when I hit CTRL-SHIFT-J, I got one error in the output window ('src' is null or undefined on line 10083)

The solution for me was, that I simple removed the whole function, saved it (you probably want to save it under a new name) and pressed CTRL-SHIFT-J again! Now it is working!!

// initalize the default path of the framework
(function() {
    var scripts = document.getElementsByTagName('script'),
        currentScript = scripts[scripts.length - 1],
        src = currentScript.src,
        path = src.substring(0, src.lastIndexOf('/') + 1),
        Loader = Ext.Loader;




    Loader.setConfig({
        enabled: true,
        disableCaching: true,
        paths: {
            'Ext': path + 'src'
        }
    }

);
})();