Developing an app with DHTMLX TOUCH as in any other library can be divided into some stages. We decided to separate out 3 key points:
These stages're built on one another, taking the outputs from the previous stage, adding some additional stuff and producing result used as the input for the next step.
Generally, at this stage developers perform requirement analysis, establish basic structure and evaluate feasibility. We won't enumerate all you can perform, make and find out herein, confined ourselves by mentioning two most important points which will be enough for your first app:
To start working immediately, you should unpack dhtmlx_std_full.zip (dhtmlx_pro_full.zip) archive in the place from where you are going to load scripts (Note: the folder must be available through web-server, otherwise some functionality will not be able to work). In any case, you are creating a web-application, so a web-server involvement is mandatory.
Except script file, archive contains styles file and all necessary images. So, let's unpack it in /codebase for example. The structure looks approximately as follows:
[codebase] [imgs] dhtmlx.js dhtmlx.css index.html
The last file indicates where we will create the interface of the application and make it work.
Let's return to index.html file.
The main conclusion you should make up is that interface creation has to be started from the full page loading. Why do we use dhtmlxEvent? Because it makes event setting available for any browser.