Building UI
🗃️ Archetypes
4 items
📄️ Understanding Components
Before building custom components in webforJ, it's important to understand the foundational architecture that shapes how components work. This article explains the component hierarchy, component identity, lifecycle concepts, and how concern interfaces provide component capabilities.
📄️ Using Components
Components are the building blocks of webforJ applications. Whether you're using built-in components like Button and TextField, or working with custom components provided by your team, the way you interact with them follows the same consistent model: you configure properties, manage state, and compose components into layouts.
📄️ Composite Components
The Composite component combines existing webforJ components into self-contained, reusable components with custom behavior. Use it to wrap internal webforJ components into reusable business logic units, reuse component patterns throughout your app, and combine multiple components without exposing implementation details.
📄️ Elements
webforJ developers have the option of choosing not only from the rich library of components provided, but also integrating components from elsewhere. To facilitate this, the Element component can be used to simplify the integration of anything from simple HTML elements, to more complex custom web components.
📄️ Element Composite
The ElementComposite class serves as a versatile foundation for managing composite elements in webforJ applications. Its primary purpose is to facilitate the interaction with HTML elements, represented by the Element class, by providing a structured approach to handle properties, attributes, and event listeners. It allows for implementation and reuse of elements in an app. Use the ElementComposite class when implementing Web Components for use in webforJ applications.
📄️ Event Options
ElementEventOptions is a versatile webforJ tool designed to encapsulate and manage configuration settings for Element events within webforJ applications. As a container for various options, it allows developers to precisely dictate how events associated with elements should be processed.
📄️ Events
Components, whether custom or part of the framework, support event handling. You can add event listeners to capture various types of events, such as user interactions, changes in state, or other custom events. These event listeners can be used to trigger specific actions or behaviors in response to the events.