DataSets
The code for the following examples are available in the building-a-component project inside the \datasets
folder.
Datasets encapsulate much of the plumbing for executing queries and responding to data changes on behalf of components. Datasets react to standard data events and send updates to components as standard datatables . As a result, most components that need to handle data changes will leverage datasets for data binding.
Component
In order to leverage datasets for data binding, a component starts by extending the base wire.ui.Component
class via the syntax below in JavaScript.
Initialize
Next, initialize the base wire.ui.Component
class by calling the init
method which takes the following parameters.
Name | Description |
element | The element passed into the |
config | See Config section below. |
dataBind | The function to call when data bound to the component has changed. This includes the initial binding. |
Config
The default configuration settings for the component will be merged with the ones passed in as part of the component binding. See Component - Config for more information.
Name | Description |
default | The default settings for the component's configuration. |
user | The settings passed into the |
Example
The following is a full example of the initialize
method being called in a component.
DataBind
The _bind
method set in the dataBind
configuration above is detailed below in comments.
Last updated