This tutorial teaches you fundamental and useful concepts that you will use over and over again while developing apps with DHTMLX. The tutorial highlights. dhtmlxCombo – allows filtering employees by department;; dhtmlxGrid – contains department’s employees;; dhtmlxForm – contains employee’s details;. To start learning this tutorial you must have a complete running DHTMLX app. Let’s assume it’s a grid integrated with the server side, i.e. loads data from DB and.
|Published (Last):||24 February 2014|
|PDF File Size:||17.24 Mb|
|ePub File Size:||7.29 Mb|
|Price:||Free* [*Free Regsitration Required]|
In this tutorial we want to consider the creation of a standard scheduler that loads data from a database and saves it back.
The final code of the tutorial can be used as the start point while creating applications with dhtmlxScheduler. Loading data from a database.
Let’s start our application with creating a new HTML file and including the required scheduler code files to it. Let’s quickly explore the structure of the dhtmlxScheduler package to find out where to look for the files. Before initialization of the scheduler, you should define the related DIV containers for its elements. To work correctly in the full-screen mode in different browsers, define the following style for the scheduler:. If you don’t use the full-screen mode, you don’t need to specify that style.
Specify the desired css properties directly in the main div:. After you have finished the preparations, you can move to initialization.
Beware, the scheduler is a static object and can be instantiated on the page once. To refer to the scheduler’s instance, use dhtmlxScheduler or simply scheduler.
Live Updates Tutorial DHTMLX Docs
If you run the app now, you can already see a scheduler on the page. Tuttorial it won’t contain any data. To populate the scheduler, we will take the data from a sample data source. We will use the easiest of the ways and specify the data source as an inline object. To load data from an inline object, use the parse method.
See details on integration with the server side in the Server-Side Integration article. Read this and further steps if you want to load data from a database instead of an inline object.
Now, if you have decided to load data from the server, you need to create a table in your database as in:. Besides the aforementioned fields, you can create any number of extra ones, which then can be passed to the client side tutoeial mapped to the lightbox.
First Steps with dhtmlxGrid DHTMLX Docs
Tutorjal, to provide correct data conversion, you should change the default scheduler format. To load data from a database, use the load method where specify a file realizing server-side ‘communication’ as a parameter.
You can use dhtmlxConnector library for a quick start, as shown in this tutorial, but for a new project we recommend implementing the backend API manually, for greater flexibility. See details in the Server-Side Integration article. If you run the app now, you will see that the scheduler is able to load data from the database, but dhymlx to save it back.
To ‘force’ the scheduler save data in the database, use dataProcessor. It’s very easy to use dataProcessor. All you need is to initialize it and attach to the scheduler.