Button

• Aug 13, 2019
• 2 minutes to read

The BootstrapButton control extends standard button functionality by providing an enhanced client API and allows to automatically trigger a validation mechanism for DevExpress web controls on both the client side and server side.

Features

Bootstrap Button provides the following features:

• Radio Button Functionality

  It is possible to create a set of mutually exclusive buttons (similar to the functionality found in radio buttons). This can be accomplished by using the ASPxButton.Checked property. To create a mutually exclusive set of buttons, use the ASPxButton.GroupName property to specify a group of button controls. Once the ASPxButton.GroupName property has been set, only one button in the specified group can be checked at one time. When a button’s checked state is changed, the ASPxButton.CheckedChanged event is raised.

• Built-in Validation

  The Bootstrap Button control allows you to perform data validation on both the client and server side.

• Full-Featured Client-Side API

  Bootstrap Button provides a comprehensive client-side API. This API is implemented with JavaScript and is exposed via the BootstrapClientButton object. The BootstrapClientButton object serves as the client-side equivalent of the BootstrapButton control.

  You can operate with editor values using the following methods.

  Method	Description
  ASPxClientButton.DoClick	Simulates a mouse click action on the button control.
  ASPxClientButton.Focus	Sets input focus to the button.
  ASPxClientButton.GetChecked	Returns a value indicating whether the button is checked.
  ASPxClientButton.SetChecked	Sets a value that specifies the button’s checked status.
  ASPxClientButton.GetEnabled	Returns a value indicating whether the button is enabled.
  ASPxClientButton.SetEnabled	Sets a value specifying whether the button is enabled.
  BootstrapClientButton.GetText	Returns the text displayed within the button.
  BootstrapClientButton.SetText	Sets the text to be displayed within the button.

Example

This example demonstrates the Button control with default settings.

• Initialize a new instance of the BootstrapButton class.
• Use the ASPxButton.Text property to specify the button’s text.
• Handle the ASPxButton.Click / ASPxClientButton.Click event occurring on the client/server side after the button is clicked.

ASPX

<dx:BootstrapButton runat="server" Text="Button" AutoPostBack="false">
    <ClientSideEvents Click="function(s,e) { dxbsDemo.showToast('The button has been clicked.'); }" />
</dx:BootstrapButton>