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: Mushakar Gam
Country: Bolivia
Language: English (Spanish)
Genre: Education
Published (Last): 2 December 2014
Pages: 339
PDF File Size: 1.41 Mb
ePub File Size: 18.20 Mb
ISBN: 785-3-77785-848-7
Downloads: 36702
Price: Free* [*Free Regsitration Required]
Uploader: Samurr

Let’s quickly explore the structure of the dhtmlxScheduler package to find out where to look for the files. Work with Server Side The tutorial tells you about implementing basic server-side operations in dhtmlxGrid: A form will present details of the selected grid’s record and allow editing this record in the database.

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. Layouts help to organize your web page, define its overall look-and-feel.

We will use the easiest of the ways and specify the data source as an inline object. Specify the desired css properties directly in the main div:. The final code of the tutorial can be used as the start point while creating applications with dhtmlxScheduler. See details in the Server-Side Integration article.

Let’s assume it’s a grid integrated with the server side, i. This list includes ready-to-use server-side solutions for data loading and saving in PHP, Java.


Most Popular

It won’t cover how to build a standard DHTMLX app but specificates how to optimize such an app to be updated instantly. 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. To work correctly in the full-screen mode in different browsers, define the following style for the scheduler:. So, to provide correct data conversion, you should change the default scheduler format.

If you run the app now, you can already see a scheduler on the page. That’s why as your first step you must set up Node. We won’t go into detail on setting up the platform as it really dhtmlz concern the main purpose of this tutorial and confine ourselves to mentioning just the common technique:.

You can arrange the content in columns and rows, divide it into groups and control through navigation or animation. In this tutorial we want to consider the creation of a standard scheduler that loads data from a database and saves it back. It can serve beginners to get acquainted with the library dtmlx experienced users to quickly dive into the topic of interest. But beware, if you change the name of the file, you should also alter the client-side code in 2 places:.

Let’s start tugorial application with creating a new HTML file and including the required scheduler code files to it.

Macro components possess rich select functionality and are useful for work dhtm,x big datasets and file systems. Read this and further steps if you want to load data from a database instead of an inline object.


You can read more information on this topic on the respective sites, e. After you have finished the preparations, you can move to initialization.

Start DHTMLX Docs

First Steps with dhtmlxGrid The tutorial guides you through creating a basic grid on the page. Using dhtmlxConnector with the CodeIgniter framework The tutorial shows how tutofial use the dhtmlxConnector library with the CodeIgniter framework.

Using dhtmlxConnector with the Yii framework The tutorial shows how to use the dhtmlxConnector library with the Yii framework. Such components manage the space allocated for their data and provide functionality for its access and configuration.

Building Web Interfaces

Therefore, tytorial activate the mode you should include the necessary code files of the library to the app and call the appropriate API. Tools will make your interaction with the library handier and more intuitive.

To ‘force’ the scheduler save data in tutrial database, use dataProcessor. That’s why having dataProcessor initialized is an essential requirement.

Loading data from a database. See details on integration with the server side in the Server-Side Integration article. To refer to the scheduler’s instance, use dhtmlxScheduler or simply scheduler.