PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview
  • Processes that can use AJAX automatically
  • Elements and characteristics that can be automatically used by AJAX
  • Automatic AJAX indicator
  • Specific features
  • Specific features of the Pager control
  • Table/Looper and AJAX mode
  • Special characters
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview
The diagram below presents the automatic and immediate use of AJAX in a WEBDEV site:
For example, a site page is used to find out the different characteristics of a country (capital city, currency, flag, location, ...). The corresponding information is displayed according to the country selected by the Web user.
Action performed by the Web user. In our example, the Web user selects the country in the combo box named "Select a country".
Sending the query to the server.
Run the query: find the characteristics of the selected country.
Sending the result of the request:
  • without AJAX: the entire page is returned.
  • with AJAX: the characteristics of the selected country are returned.
Displaying the characteristics of the country:
  • without AJAX: the entire page is redisplayed.
  • with AJAX: the controls containing the characteristics of the country are refreshed.
To use AJAX in this site, the "Whenever Modified" server process of the "Select a country" control is switched to AJAX mode. A simple click is required! The code remains the same.
Processes that can use AJAX automatically
The following processes can be switched to automatic AJAX mode:
  • server "Click" process of a Button control, Link control, Clickable Image control, TreeView control or Pager control.
  • server "Whenever Modified" process of a List Box control, Combo Box control, Check Box control or Radio Button control.
To switch to the automatic AJAX mode, click the "AJAX" word in the process bar:
Process that does not use the AJAX technology
Process the uses the AJAX technology
Note: If a process that is using the AJAX technology is run on a browser that does not support this technology, the process is run "as if" it did not use the AJAX technology (the entire page is refreshed for example).
Elements and characteristics that can be automatically used by AJAX
AJAX allows you to modify the characteristics of the following elements (no specific programming is required):
ValueFont colorBackground colorVisibility
Edit control

(Text entered)

(Color of the text entered)
(Background color of the text entered)
Formatted display control
(Text displayed)
(Color of the text displayed)
(Background color of the text displayed)
Table
(Content of the rows)
(Color for the content of the rows)
(Background color of the even and odd rows)
Looper
(Content of the controls)
(Color for the content of the controls)
(Background color of the controls)
List box
(Listed elements and selected elements)
(Color of the listed elements)
Combo box
(Listed elements and selected elements)
(Color of the listed elements)
Check box
(Selected options)
(Color of options)
Radio button
(Selected option)
(Color of options)
Image
(Image)
Clickable image
(Image)
Thumbnail
(Image)
Chart
(Chart)
Caption
HTML static
Button
(Caption)
(Color of the caption)
Link
(Caption)
(Color of the caption)
Pager*
(Content)
Cell control
Page
TreeView control
Notes:
  • The number of characteristics automatically managed will increase in the forthcoming versions.
  • The Table controls can now be 100% AJAX. See The AJAX tables for more details.
  • The elements not found in this list cannot be automatically used by AJAX.
  • To modify other characteristics, you must use Programmed AJAX.
  • The use of Pager controls is specific in AJAX mode. See "Specific feature" for more details.

Automatic AJAX indicator

An automatic progress bar can be displayed in a page while an AJAX process is performed.
Indeed, the AJAX processes do not display the standard progress bar for loading the browser page: no page load exists in AJAX.
To display an automatic AJAX indicator:
  1. Add a control (cell, image, static or HTML static) to the page.
  2. Customize this control. This control can contain a text ("Loading..." for example) and/or an animated image.
  3. Display the "Details" tab of the page description ("Description" from the popup menu of the page).
  4. In the "Automatic AJAX indicator" area, select the control that was added and define its position.
Specific features

Specific features of the Pager control

When a Table or Looper control is automatically updated in AJAX mode (when clicking a button that runs an AJAX code for example), the content of the pager associated with this control is automatically updated.
Note: To switch the clicks performed on the pager to the AJAX mode, you must:
  • check "AJAX mode" in the description window of the Pager control, "General" tab.
  • switch the click process of the Pager control to automatic AJAX mode (click "AJAX" in the found in the bar of the process).

Table/Looper and AJAX mode

When a Table or Looper control is in AJAX mode (AJAX mode specified in the control description), the rows found in the Table control and in the Looper control are no longer viewed via a pager but via the vertical scrollbar.
See AJAX Table controls for more details.
Note: The scrollbars are not available in Mozilla Firefox version 1.7.8.

Special characters

Some special characters are automatically replaced by an empty string ("") in AJAX mode. These characters are the characters whose ASCII code is strictly less than 32, except for the characters 9, 10 and 13 (TAB and CR respectively).
In most cases, these special characters are not used in the strings.
Minimum required version
  • Version 10
Comments
Click [Add] to post a comment