PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • Overview
  • Processes to use AJAX automatically
  • Elements and characteristics that can be automatically used by AJAX
  • Automatic AJAX progress bar
  • 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, etc.). 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 "Select a country" combo box.
Sending the query to the server.
Run the query: find the characteristics of selected country.
Sending the result of the request:
  • without AJAX: the entire page is returned.
  • with AJAX: the characteristics of selected country are returned.
Displaying the characteristics of the country:
  • without AJAX: the entire page is redisplayed.
  • with AJAX: the controls containing the country characteristics 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 to use AJAX automatically
The following events can be switched to automatic AJAX mode:
  • "Click" server event of a Button, Link, Clickable Image, TreeView or Pager control.
  • "Whenever modified" server event of List Box, Combo Box, Check Box or Radio Button control.
To switch to automatic AJAX mode, simply click the word "AJAX" in the event bar:
Event without AJAX technology
Event without AJAX technology
Event with AJAX technology
Event with AJAX technology
Remark: If an event that uses AJAX is run on a browser that does not support this technology, the event is run "as if" it did not use AJAX (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


Remarks:
  • 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 features" for more details.

Automatic AJAX progress bar

An automatic progress bar can be displayed in a page while an AJAX process/event is performed.
Indeed, AJAX processes/events do not display the standard browser page load progress bar: no page load exists in AJAX.
To display an automatic AJAX indicator:
  1. Add a Cell, Image, Static or HTML Static control 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" control, select the control you have 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.
Remark: To switch the clicks performed on the pager to the AJAX mode, you must:
  • check "Ajax mode" in the Pager control description window, "General" tab.
  • switch the "Click" event of the Pager control to automatic AJAX mode (click "AJAX" in the event bar).

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.
Remark: 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 version required
  • Version 10
Comments
Click [Add] to post a comment