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.

Author: Tokree Yozshukree
Country: Cyprus
Language: English (Spanish)
Genre: Technology
Published (Last): 25 February 2008
Pages: 350
PDF File Size: 19.84 Mb
ePub File Size: 9.89 Mb
ISBN: 740-1-43067-827-7
Downloads: 15603
Price: Free* [*Free Regsitration Required]
Uploader: Mikataur

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 tutorjal creating a new HTML file and including the required scheduler code dhymlx 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.


Tutorials DHTMLX Docs

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, tutoorial 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. If you run the app now, you can already see a scheduler on the page. But it won’t contain any data. To populate the scheduler, we will take the data from a sample data source.

Start DHTMLX Docs

We will use the easiest of the ways and tutoriak 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.

Step-by-Step Example

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 and mapped to the lightbox.


So, 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.

Live Updates Tutorial

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 unable 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.