ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Web Component control
  • Overview
  • Interacting with a Web Component control
  • Prodecures associated with the Web Component control
  • Processes for assigning and retrieving the Value property
  • Manipulating Web Component controls programmatically
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Manipulating Web Component controls programmatically
Overview
A Web Component control can be handled programmatically.
This help page explains how to programmatically manipulate Web Component controls.
Interacting with a Web Component control

Prodecures associated with the Web Component control

Several methods can be used to interact with a Web Component control.
For example, you have the ability to create Server and/or Browser procedures linked to the Web Component control ("Details" tab of control description).
These procedures can be used to modify the data found in the Web Component control by assigning a value coming from the WEBDEV page for example.
The Web Component control can directly call these procedures from the HTML code of Web component. The HTML code editor proposes the different available procedures via the completion on the actions.
For example, the following HTML code is used to call the "Action" code of the component during the click on the "Order" button:
<button onclick="CMP_Test()" class="w3-aqua">
Order
</button>
The HTML code editor proposes the different available procedures and actions:
You also have the ability to call the procedures of the Web Component control from the WEBDEV controls directly.

Processes for assigning and retrieving the Value property

The processes for assigning and retrieving the Value properly are mainly used to initialize the value of the Web component during page load and to retrieve its value.
Manipulating Web Component controls programmatically
The following properties are specific to the Web Component control:
CodeCSSThe CodeCSS property is used to read and change the CSS code associated with a Web Component control.
CodeHTMLThe CodeHTML property is used to read and change the HTML code associated with a Web Component control.
CodeJSThe CodeJS property is used to read and change the JavaScript code associated with a Web Component control.
For a complete list of WLanguage properties that can be used with Web Component controls, see Web Component control properties.
Minimum version required
  • Version 22
Comments
Click [Add] to post a comment

Last update: 09/24/2024

Send a report | Local help