The requested page is not available for the requested platform. You are viewing the content for Default platform.

Button

  • 2 min 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.

BootstrapButton_Overview

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.

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