DhtmlxSuite JavaScript App


by DhtmlxSuite

JavaScript library for Web and Mobile apps development
Helps with: Cross Platform Frameworks,JavaScript,UI Frameworks
Similar to: Mojito App Web-Toolkit App jQuery OSK App JSON-js App More...
Source Type: Open
License Types:
Supported OS:
Languages: C Java Script

What is it all about?

dhtmlxSuite is a JavaScript library that provides a complete set of Ajax- powered UI components. Use dhtmlxSuite to build enterprise-level web apps with clean interface, fast performance, and rich user experience.

Key Features

* Start Developing Web Apps Faster: DHTMLX is a full-featured and mature JavaScript UI library with years of development behind it and thousands of users worldwide. Due to a short learning curve, intuitive API and detailed tutorials, DHTMLX allows you to develop cross-browser, interactive web apps faster and with less effort. * Data Binding with DataStore: dhtmlxDataStore provides a global data store for all DHTMLX components used in a web app. With DataStore, you can display the same data in different components, e.g. datagrid, tree, form, or combo. All data manipulations (e.g. adding, removing, filtering) can be done through the DataStore, allowing you to apply the changes to all related UI components. * Fast Prototyping with Visual Designer: The Visual Designer tool offers a simple way to compose an application user interface with the DHTMLX UI widgets without writing a line of code. It is also a good way to start working with the rich script API of the DHTMLX library. * Customizable Appearance with Skin Builder: The DHTMLX library comes with three predefined skins: Skyblue, Web, and Terrace. You can use the online Skin Builder tool to easily change the skin type, font, and colors for the skins. * Ready-to-Use JavaScript UI Components: DHTMLX suite includes more than 20 professionally designed, customizable UI components, or widgets, that cover nearly all web app needs. Whether you need a powerful JavaScript datagrid, combobox with autocomplete, or HTML5 charts, DHTMLX has it. * Easy Server-Side Integration: DHTMLX is a client-side library, and you can use it with any server-side technology. The only requirement is a proper data format to populate the components (XML, JSON, SCV, etc.). To simplify integration with the server side, we offer Connectors for PHP, ASP.NET, Java, and ColdFusion. DHTMLX can be also used with node.js to enable live updates in your app. * Integration with IDEs: We offer DHTMLX autocompletion plugins for the major IDEs (Microsoft Visual Studio, PHPStorm, WebStorm, NetBeans, Aptana Studio, Eclipse, etc.). Download the plugins and read the installation instructions here. * Professional Support Services: The dhtmlxSuite PRO licenses (Commercial and Enterprise) come with support subscription that allows you to get timely help from our well-trained technical support team. We also have an active community forum where you can discuss DHTMLX features and ask your questions.


Trial With Card
Trial No Card
By Quote




View More Alternatives

View Less Alternatives

Product Analysis


Javascript frameworks and libraries

DHTMLX suite is a JavaScript GUI widget library

DHTMLX suite is a JavaScript GUI widget library

By Victor Carlo Jacaban | 6/21/2016 | Product Analysis |Beginners

DHTMLX suite is a JavaScript GUI widget library that helps in building enterprise and mobile applications. This library allows you to quickly create great looking application with lots of features. It provides skins that will make your applications look clean and professional and also gives you the ability to customize the skin colors to make it look however you want. DHTMLX has a modular architecture that allows the use of its components separately or by combining them on one JavaScript file.

Advantages of using DHTMLX suite and helpful features.


Cross-browser Compatibility - DHTMLX suite works in all modern browsers including Chrome, Firefox, Internet Explorer, Opera, and Safari giving users the opportunity to access the library on different browser where they are most comfortable.


Great Tools – As the web development industry continues to grow and change, clients' demands are become more sophisticated. This makes the need for a library that has all the components that we need for building modern applications even larger. DHTMLX suite offers handy and very useful features that will that will surely fit your needs and help you build your applications.


Can Work with IDE’s – DHTMLX gives us the option to integrate its components using some of the most popular IDE’s such as PHPStorm | WebStorm (JetBrain IDEs), Aptana Studio, Eclipse, Adobe Dreamweaver, Komodo IDE and Komodo Editor, Visual Studio 2010 | Visual Studio 2008 and NetBeans 7. We can now enjoy and add these components that will help add interactivity to our applications.


Rich in UI components - DHTMLX provides over 20 customizable widgets that helps user to create their own interfaces. 


Visual Designer Tool – The library also offers a Visual Designer Tool that makes web application implementation run smoother.  With this tool, you can control event handlers, set interface structures, arrange UI elements etc., without writing any code. This is very advantageous to designers and even people with less coding experience.

Below are some of the components that DHTMLX library offers.


Form-oriented Components - This component is composed of Form, Editor, Color Picker, Slider, Calendar and Combo. These are components that are familiar to most developers and are easy to learn and work with. With these built in and predefined components, you can easily create and define the above mentioned form types faster, with style and confidence.


Example dhtmlXForm API method(addItem) snippet


void addItem(mixed pId,object itemData,number pos,number insertAfter);


addItem() - adds an item on the form




pId mixed represents parent item's id.

itemData the object of a new item

pos number refers to position where the new item will be added

insertAfter refers to the position of the item after a new item will be inserted


- to add as an individual item(addItem)

myCustomForm.addItem(null, itemData, pos, insertAfter);


- to nest into some existing item

myCustomForm.addItem(pid, itemData, pos, insertAfter);


Example dhtmlXEditor API method(attachEvent) snippet


attachEvent() - adds user-defined handler to available events


number attachEvent(string name,function handler);




name  represents the name of event

handler  refers to user-defined event handler


- to attach event

var event_id = myCustomComponent.attachEvent("eventName", function(){

    // some logics



- to detach event




Data Components – These are components composed of Grid, Chart, TreeView, DataView and List. With these, we can display data in an organized and detailed manner.


Example dhtmlXGrid API method(addRow) snippet


addRow() - use to add a row to a grid


void addRow(number/string id,number/string text,number/string indx);




id row ID, must be unique

text row values

indx index of the new row


var indx1 = window.prompt('First cell','');

if (indx1 === null || typeof indx1 == "undefined") return;


var indx2 = window.prompt('Second cell','');

if (indx2 === null || typeof indx2 == "undefined") return;

var indx3 = window.prompt('Third cell','');

if (indx3 === null || typeof indx3 == "undefined") return;



Layouts – This allow users to organize web pages and controls through animations or navigations.


Navigation Components - Allows for the creating navigation/menu items on web pages.


Macro Components and Tools - Allows users to create interaction with library handlers and also lets users to work with datasets and file systems.


Server-side Solutions - Allows users to save PHP, Java, .NET, ColdFusion and ready-to-use solutions for data loading.


Extensions and Helpers -Allows users to add features to their applications and present task oriented UI extensions.


With these references and component features, developers will definitely be able to make modern, user friendly applications that have multiple controls and lots of features. 


Rich in Documentation - DHTMLX suite documentation covers all functionalities and workings of the library. It provides sample code snippets and useful tutorials that make developing your first app with DHTMLX suite very easy. Over 1000 examples explaining its methods and functions were created giving users all they need to learn the technology thoroughly.


Connector/ Server-Side Integration - One of the coolest feature of DHTMLX suite is that it allows connections between some popular PHP frameworks such as Codeigniter, CakePHP, Laravel, Yii but also with other languages such as Java, ASP.NET and Cold fusion. This enables developers to apply DHTMLX suite library components to different PHP frameworks or other popular programming languages mentioned above where they can use them comfortably.

Example snippet connection(Laravel)


$connector = new GridConnector(null, "PHPLaravel");

$connector->configure(new SchedulerEvent(),"event_id","start_date,end_date,event_name");



Assuming we've already added the DHTMLX suite on our Laravel application, the above code shows how the connection was implemented.


DHTMLX also works with node.js that gives real-time updates of data or other information from your application.


Support - One of the advantage of this library is accessible support. You can always participate in its forums on how DHTMLX extensions works and how it will be implemented on your application giving you an opportunity to be exposed to new ideas from experienced programmers. It also has support centers where if you are an eligible customer or have an active subscription, you can always reach out to them whenever you need help. All DHTMLX components were developed by the DHTMLX team, hence giving you the assurance that you will be provided with a complete and detailed resolution whenever a problem occurs with building your application.



There's a lot more that can be done with DHTMLX suite library that will really benefit users in building applications. With its comprehensive tools, it makes application development faster, easier and done with style. This power tool makes it easy for end users to learn and create their applications on their own and will boost their confidence to learn other more complex web development tools. DHTMLX will also benefit web development companies in that it allows applications to be built with less manpower and training, helping cut financial costs.


By Victor Carlo Jacaban | 6/21/2016 | Product Analysis

{{CommentsModel.TotalCount}} Comments

Your Comment


Top DiscoverSDK Experts

User photo
Ashton Torrence
Web and Windows developer
GUI | Web and 11 more
View Profile
User photo
Meir Rabinovich
Real time and embedded developer
Hardware and RT | General Libraries and 5 more
View Profile
User photo
Nathan Gordon
Full Stack developer
Web | JavaScript and 1 more
View Profile
User photo
Ronan McCarthy
Cross-Platform & Web developer.
Web | Mobile and 6 more
View Profile
Show All

Interested in becoming a DiscoverSDK Expert? Learn more


Compare Products

Select up to three two products to compare by clicking on the compare icon () of each product.


Now comparing:

{{product.ProductName | createSubstring:25}} X
Compare Now