We have some exciting news for those of you who are used to work with IDEs and use the autocomplete feature. You now can enjoy autocomplete hints in your favorite IDE while you integrate the DHTMLX components into your web app. We provide the autocompletion plugins for Microsoft Visual Studio, PHPStorm, WebStorm, NetBeans, Aptana Studio, Eclipse, and others.
To add the code completion for DHTMLX library into your IDE:
- download the package with necessary files
- read the instructions below
Visual Studio 2010 | Visual Studio 2008
- copy dhtmlx.debug.js in the same folder where dhtmlx.js is located
- if you are using an individual component (not dhtmlx.js), rename dhtmlx.debug.js to {component}.debug.js and place in the same folder where the .js file of the component is located
Visual Studio 2010 - Autocompletion for DHTMLX
PHPStorm | WebStorm (JetBrain IDEs)
- drop dhtmlx3.sdoc.js in the project
- you may need to restart IDE after that to force auto-complete reindexing
WebStorm 2.1 - Autocompletion for DHTMLX
NetBeans 7
- drop dhtlmx3.sdoc in the project
- select in top menu “Source|Scan for external changes”
NetBeans IDE - Autocompletion for DHTMLX
Aptana Studio
Aptana Studio 2.x:
- copy jar file in plugins folder of IDE
- restart IDE
- select “References|Global references”
- check “DHTMLX 3.0” item
Aptana Studio 3.x:
- drop dhtmlx3.vsdoc.js in the project
- restart IDE
Aptana Studio - Autocompletion for DHTMLX
Eclipse
- install Eclipse JavaScript Development Tools
- go to project properties – JavaScript – Include Path
- click “Add JavaScript Library” – “User Library” – “Configure User Library” – “New”
- enter “dhtmlx3” as library name
- select dhtmlx3 from the list and press “Add .js file”, select dhtmlx3.sdoc.js from the download package
- press “OK” and “Finish” in all dialogs
Eclipse - Autocompletion for DHTMLX
Komodo IDE and Komodo Editor
- extract dhtmlx3.sdoc.js from the package to some folder
- open project properties – Languages – Javascript
- add above folder to the list of JavaScript directories
Komodo IDE - Autocompletion for DHTMLX
Adobe Dreamweaver
- copy dhtmlx3.xml (download here) to the %DREAMWEAVER%\configuration\CodeHints\ folder
(for example, c:\Program Files (x86)\Adobe\Adobe Dreamweaver CS5.5\configuration\CodeHints\ ) - restart Dreamweaver
- go to menu Edit -> Preferences -> Code Hints and check “dhtmlx” option in the list of code hints
Dreamweaver - Autocompletion for DHTMLX
Comments
Hello all
It seems that is not working with menu and layout…
This is strange, because everything works fine on our side. Please check that your followed the instructions carefully.
is there likely to be an eclipse plugin in the future?
Yes, we’ll add autocomplete feature for Eclipse in the near future.
is there any newsletter that i can check to know if the plug-in has been released?
We’ve added the instructions on how to configure autocomplete for Eclipse. The required files can be downloaded here.
Do u have autocompliation for eclipse?
Richard, we’ve updated the post with the instructions for Eclipse.
Good Job….but….An autocompliation for Komodo?
Added the instructions for Komodo in the end of the article. The download file is the same.
Thank you very much!!! Fantastic!
I am using the eclipse (eclipse-jee-galileo-win32) as my IDE. I followed the instructions as mentioned in above for the eclipse editor. I could not able to get the API list on creating a object as mentioned above. My editor has the following plugins for the Javascript.
org.eclipse.wst.jsdt.core_1.0.200.v200905201910
org.eclipse.wst.jsdt.ui_1.0.200.v200905242047
org.eclipse.wst.jsdt.manipulation_1.0.100.v200809240707
org.eclipse.wtp.javascript.capabilities_1.0.0.v200906072300.
Please help out to resolve the issue.
You have some old plugins, in the latest version everything works fine.
This is great. Also, for Visual Studio you can make this work in .js files as well as in html and aspx files. Just open the js file and drag dhtmlx.debug.js from Solution Explorer to the top of the .js file you’re working in. VS will create a comment with a path to the debug file which will cause Intellisense to work.
Dreamweaver support would be great!
We’ve added the instructions for Dreamweaver in the end of the article.
Is there a way in visual studio 2010 to get the autocomplete available when you are in a js file?
Or does it only work when you are in an a html page with the script tag above?
you can add in your js file
///
/// <reference path=”dhtmlx.js” />
I wold like to tell that the feature to add support for eclipse is not very good, because of problems with memory and GC. I had tested here with indigo and compared with visual studio, eclipse is muth worse. IS there any other possibility to have this kind of featured in another way in eclpse?
I wonder that the problems that I had its envolved with the architecture of eclipse that is not very good for this this kind of feature. Any suggestions?
Unfortunately, we can’t help you with this issue. We just provide the information for autocomplete, but how it works depends on IDE.
I understand, but my real question is: Is any other way to have code completition in eclipse? Because this way is worthless because we have a lot o problems with memory and garbage collection using this. I heard that maybe DHTMLX would have a eclipse plugin more robust then this feature. Is that true?
Is it possible to get the autocomplete functionality for Microsoft Expression Web 4?
Hi,
Please add support for JDeveloper 11g.
Thanks,
Mike
I’ve already autocompletion in netbeans 7.0.1 who scan .js to build is autocompletion for project. I’m going to testing with .sdoc.
But i’m suggesting to write standard comments on each function to have this Comments during autocompletion on NetBeans :)
sdoc format is exactly the same thing – standard comments for functions definition.
The version for Dreamweaver CS5.5 does not work for me. the downloaded file was put it the corret folder. Restarted DW, checked in Preferences… Nothing. Do you have a tutorial ? thanks
The next 2 steps should be enough:
– copy dhtmlx3.xml (download here) to the
%DREAMWEAVER%\\configuration\\CodeHints\\ folder
– go to menu Edit -> Preferences -> Code Hints and check “dhtmlx” option in the list of code hints
“the downloaded file was put it the corret folder”
You have copied not the zip file, but dhtmlx3.xml from it, right?
Hi Ivan, sorry I’ve just read your answer. Yes I just copied the dhtmlx3.xml file and “dhtmlx” option appears checked in the list of code hints.
However, when I start typing dhtml… no hint will appear. :-( Did I miss something ?
Dropped the file dhtmlx3.sdoc.js into Komodo and works great when the objects are created using the new method
ie var grid = new dhtmlxGridObject(); the autocomplete works on grid ..
however
var grid = myLayout.cells(‘a’).attachGrid(); the autocomplete does not work on grid …
Is this to be expected ?
Thanks
Dave, it looks as a limitation of Komodo javascript auto-suggest system.
The description files contain all details about attachGrid method but Komodo will do type-applying only on classes created with new.
We will check how it can be workarounded, but unfortunately there is no simple and fast solution.
Hello,
Is it updated for dhtmlx 3.5 and phpstorm 5 ?
The files that worked for the older version of PHPStorm will work for the new version as well.
It will be very pleasant to get support for notepad ++ . Maybe you have xml file of function , which can be adopted for notepad ++ ?
Many thanks in advance !
Currently we don’t have such a file.
We will look how it can be added (thanks for helpfull link :)
Maybe exist some news about autocompletes in notepad ++ ?
Unfortunately, there are no any news about this feature. The priority of this task is not high so I’m afraid it won’t be added in the near future.
What about vs2012? is possible to get it to vs2012 working with js files (no aspx with scripts inside) ?
thanks
It works the same as for VS2010
If you need the autocomplete in the standalone js file, you need to add the reference to the dhtmlx.js
Hi Ivan,
Notepad++ would be greatly appreciated :-)
you also had a nice link above..
thanks for any news.
what about support for https://atom.io ?
要是能支持sublime text 就好了。
Hi,
I’ve just install the webstorm update (v9) and the autocomplete doesn’t work anymore.
Is there any dhtmlx3.sdoc.js update ready?
Thanks,
Loïc
Would LOVE this for Sublime Text! Will you guys look into that please?
It doesnt work properly in Aptana Studio 3
Any plans to add support for Sublime Text please?
Hi Alex,
Can you please clarify what functionality do you mean under “support for Sublime Text”?
Can you implement autocompletion for Sublime Text 3?
Hi Daniele,
Unfortunately, we don’t plan to implement autocompletion for Sublime Text 3 at the moment.
If it’s crucial for your project, we can make it for you, but it’s payable. In this case, please contact me via email (support@dhtmlx.com).
Is there a way in visual studio code to get the autocomplete available ?
There is a typescript definitions library for DHTMLX
Include it in the project and Visual Code will be able to provide some kind of suggestions for DHTMLX controls ( it is more effective with typescript code, but will work for JS code as well. )
Tags
Archives