- Learning DHTMLX Suite UI
- Eli Geske
- 209字
- 2021-07-23 15:40:35
Creating the index.html file>
The application will be accessed through the index.html
file located in the root of the application directory. We will set this up now.
In the root of the application directory, add a new file named index.html
. This should be accessible from http://localhost/index.html
.
Now, add the markup for an HTML5 document and include the external DHTMLX files:
<!DOCTYPE html> <html lang="en"> <head> <title>Users</title> <link href="js/dhtmlx/dhtmlx.css" type="text/css" rel="stylesheet" /> <style> /* layout css */ html, body { height: 100%; width: 100%; } </style> <script src="js/dhtmlx/dhtmlx.js"></script> <script src="js/application/storage.js"></script> <script src="js/application/app.js"></script> </head> <body> </body> </html>
Tip
Downloading the example code
You can download the example code files for all Packt books you have purchased from your account at http://www.packtpub.com. If you purchased this book elsewhere, you can visit http://www.packtpub.com/support and register to have the files e-mailed directly to you.
The dhtmlx.css
and dhtmlx.js
are the only DHTMLX library files necessary to include in the DHTMLX library for use. The storage.js
and app.js
are where the code for the user management application will be created.
Additional CSS was added that sets the html
and body
to a height and width of 100%
. This will allow the DHTMLX layout component, added later, to stretch and grow when the browser window is resized. We will be adding more CSS here in later chapters.
The following screenshot displays how your final directory structure should appear:

- Spring Boot 2實(shí)戰(zhàn)之旅
- Facebook Application Development with Graph API Cookbook
- Getting Started with ResearchKit
- Julia機(jī)器學(xué)習(xí)核心編程:人人可用的高性能科學(xué)計(jì)算
- 精通Python自然語言處理
- PLC編程與調(diào)試技術(shù)(松下系列)
- Getting Started with Laravel 4
- C#應(yīng)用程序設(shè)計(jì)教程
- Windows Embedded CE 6.0程序設(shè)計(jì)實(shí)戰(zhàn)
- Visual Studio Code 權(quán)威指南
- PowerDesigner 16 從入門到精通
- Appcelerator Titanium:Patterns and Best Practices
- Python預(yù)測(cè)分析與機(jī)器學(xué)習(xí)
- HTML5游戲開發(fā)實(shí)戰(zhàn)
- Shopify Application Development