- 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:

- 大學(xué)計算機(jī)基礎(chǔ)(第三版)
- JavaScript+jQuery網(wǎng)頁特效設(shè)計任務(wù)驅(qū)動教程(第2版)
- Vue.js入門與商城開發(fā)實戰(zhàn)
- PHP+MySQL網(wǎng)站開發(fā)技術(shù)項目式教程(第2版)
- Internet of Things with Intel Galileo
- Scala編程實戰(zhàn)(原書第2版)
- bbPress Complete
- SQL經(jīng)典實例(第2版)
- Teaching with Google Classroom
- Keras深度學(xué)習(xí)實戰(zhàn)
- Swift 4從零到精通iOS開發(fā)
- ScratchJr趣味編程動手玩:讓孩子用編程講故事
- Kubernetes源碼剖析
- Python網(wǎng)絡(luò)爬蟲技術(shù)與應(yīng)用
- Java 7 Concurrency Cookbook