Free Sample
+ Collection

Learning DHTMLX Suite UI

Eli Geske

Create your first single-page JavaScript application using multiple DHTMLX components and a touch of HTML5
RRP $17.99
RRP $29.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849699334
Paperback132 pages

About This Book

  • Learn how to install and use DHTMLX methods and events
  • Store data in HTML5 local storage
  • Learn how to develop a client-side application using DHTMLX and browser tools

Who This Book Is For

"Learning DHTMLX Suite UI" is for web designers who have a basic knowledge of JavaScript and who are looking for powerful tools that will give them an extra edge in their own application development. This book is also useful for experienced developers who wish to get started with DHTMLX without going through the trouble of learning its quirks through trial and error. Readers are expected to have some knowledge of JavaScript, HTML, Document Object Model, and the ability to install a local web server.

Table of Contents

Chapter 1: User Management Web App
What will we be building?
Chapter 2: Download, Setup, and Test
Installing a web server
Creating the application directory structure
Downloading the DHTMLX library
Creating the application file app.js
The data storage file
Creating the index.html file
Testing the DHTMLX installation
Chapter 3: Data Structures, Storage, and Callbacks
Creating the storage object
The callbacks object
Chapter 4: The DHTMLX Layout
The DHTMLX layout
The methods and events
Layout events
The application code
Chapter 5: The DHTMLX Toolbar
The DHTMLX toolbar
The methods and events
The application code
Chapter 6: The DHTMLX Grid
The DHTMLX grid
The grid methods and events
The application code
Testing the grid
Chapter 7: The DHTMLX Window
The DHTMLX window
The methods and events
The application code
Test our popup
Chapter 8: The DHTMLX Form and Calendar
The DHTMLX form
Initialization of the DHTMLX form
The application code
Test the application form
Chapter 9: The DHTMLX Chart
The methods and events
The application code
Test the application
Chapter 10: The Finish Line
More features

What You Will Learn

  • Understand the benefits of DHTMLX and other libraries
  • Download and install DHTMLX as a suite
  • Set up JavaScript objects to manage data and component interactions
  • Learn about the initialization and manipulation of Layouts, Grids, Toolbars, Windows, Forms, and Charts
  • Use events to sync interactions
  • Utilize form validations and calendar pickers
  • Employ JSON data structures for Grids and Charts
  • Create a single-page JavaScript application with DHTMLX components

In Detail

JavaScript applications provide an excellent user experience for small to large scale enterprise applications. The amazing growth of JavaScript has opened the door for many great libraries such as DHTMLX.

"Learning DHTMLX Suite UI" will teach you how to use these libraries effectively so you can make presentations that will take your employer’s/ client’s breath away!

"Learning DHTMLX Suite UI" is a step-by-step guide that will teach you the basics of DHTMLX library components and how to apply them in a real-world scenario. This book will start with the installation of DHTMLX before moving on to explore the features of DHTMLX and helping you to create your first user management application.

"Learning DHTMLX Suite UI" will guide you through the installation of DHTMLX as a single-page application. As you progress from one chapter to the next, you will gradually build a simple user management application. You will also learn how to create forums with validation and how to use grids to add and edit users. The book will also suggest the best practices for using toolbars and refreshing data. With "Learning DHTMLX Suite UI Guide", you will be inspired to come up with your own great ideas for your future application development projects.


Read More