WireBootstrap
HomeDocsBuySupport
  • Introduction
  • Overview
  • Getting Started
  • Installation
  • Connecting to Data
    • Data Connectors
      • SQL Data
      • Custom Web Services
      • Local Data
      • Other Sources
    • Data Sources
    • Discovery
    • Building a Data Connector
  • Working With Queries
    • Select Queries
      • Query Extensions
    • Stored Procedures
    • Custom Web Services
    • Executing Queries
    • ORM
  • Writing Data
  • Updates
  • Deletes
  • Working with DataTables
    • Introduction
    • Filter and Sort
    • Select and Calculate
    • Joins
    • Rows
    • Columns
  • Working with DataSets
  • Introduction
  • Executing Queries
  • Transforms
  • Writing Data
  • Data Events
  • Working with Components
    • Introduction
    • Encapsulation
    • Configuration
      • Data
      • Events
      • Observables
      • Validation
      • Display
      • Vendor
      • Custom
    • Component
    • Web Frameworks
    • Building a Component
      • Hello World
      • Data Events
      • DataSets
  • Working With Data Events
    • Introduction
    • Event Basics
    • Event Data
    • Event Actions
  • Working with Themes
    • Introduction
    • Sample Data
    • Libraries
    • Pages
    • Building a Theme Project
  • Utilities
    • Formatting
    • Expressions
    • Collections
    • Spinners
    • Copy and Merge
    • Validation
    • Loading Assets
    • Service Calls
    • Download Files
    • Browser Location
    • Types
    • Promise
  • Reference
    • wire
      • wire.Collection
      • wire.download
      • wire.validate
    • wire.data
      • wire.data.DataEvent
      • wire.data.DataModel
      • wire.data.DataPromise
      • wire.data.DataSet
      • wire.data.DataSource
      • wire.data.DataTable
        • Columns
        • Rows
      • wire.data.StoredProcedure
      • wire.data.TableQuery
    • wire.ui
      • wire.ui.Component
      • wire.ui.validate
Powered by GitBook
On this page
  • Uses
  • Methods

Was this helpful?

  1. Reference
  2. wire.ui

wire.ui.Component

Previouswire.uiNextwire.ui.validate

Last updated 3 years ago

Was this helpful?

Although it is not required that a component extend the wire.ui.Component class in order to work inside a WireBootstrap application, the wire.ui.Component class contains all the core functionality needed by a component to take advantage of the data binding, messaging, configuration, events, and other functionality provided the WireBootstrap framework.

Uses

Individuals working with WireBootstrap components to build applications are referred to as component consumers. For this audience, a subset of the methods in wire.ui.Component will be applicable. For an overview, read .

Component authors are those who are building new components for WireBootstrap that will eventually be used by component consumers. For component authors, many more of the features of this base class will be applicable. For details, read .

Methods

Name

Description

config

Returns the configuration object for the component after initialization. This will be the combination of the configuration passed into the method merged with the defaults defined for the component. Any component defaults will be overridden with user-defined configured passed into .

data

Returns the internal data to which the component is bound.

dataBind(callback)

Defines the component's data-bind callback function. For component authors, this is called anytime a component should update its UI based on a change in the data to which it is bound. For component consumers, this will in-turn call the event if one is configured. Visit for details.

element

Returns the native DOM element for the component. Use $element to return the jQuery version of the element if the component uses jQuery.

fail(exception)

Callback function for a failure during a lifecycle event. See for additional information.

initialize(config)

Binds the configuration data in config to the component. This includes merging configuration settings with the component defaults, making any calls to data services for data, binding the UI to data, setting up the , and listening for data changes. This method is normally called by component authors in the render

plugin(plugin)

For components that use or many times just wrap internal jQuery components. This method will set or return the instance of the internal jQuery component.

ready

Callback function for when the component has finished initializing. See for additional information.

select

Component consumers are able to specify a list of fields to be displayed in a table component in a configuration option in a number of ways. This method can be used by component authors to read that list of fields.

spinner

A boolean that tells the component to automatically use a spinner when refreshing its UI. This includes getting or changing data. This value defaults to true. See for details.

Working with Components
Building a WireBootstrap Component
render
render
Working with Data Event
Spinners
databind life cycle event
life cycle events
life cycle events
life cycle events
select