BootstrapButtonEdit Class

Represents an edit control with embedded buttons.

Assembly: DevExpress.Web.Bootstrap.v24.1.dll

NuGet Package: DevExpress.Web.Bootstrap

Declaration

C#
VB.NET

[DXClientDocumentationProviderWeb("BootstrapButtonEdit")]
[ToolboxTabName("DX.24.1: Bootstrap Controls")]
public class BootstrapButtonEdit :
    ASPxButtonEdit,
    ISimpleRenderControl,
    IBootstrapEditorCssClassesOwner

<ToolboxTabName("DX.24.1: Bootstrap Controls")>
<DXClientDocumentationProviderWeb("BootstrapButtonEdit")>
Public Class BootstrapButtonEdit
    Inherits ASPxButtonEdit
    Implements ISimpleRenderControl,
               IBootstrapEditorCssClassesOwner

Remarks

Note

The BootstrapButtonEdit control provides you with comprehensive client-side functionality implemented using JavaScript code:

The control’s client-side equivalent is represented by the BootstrapClientButtonEdit object.
On the client side, the client object can be accessed directly by the name specified via the ASPxEditBase.ClientInstanceName property.
The available client events can be accessed by using the ASPxButtonEdit.ClientSideEvents property.

The control’s client-side API is enabled if the ASPxEditBase.EnableClientSideAPI property is set to true, or the ASPxEditBase.ClientInstanceName property is defined, or any client event is handled.

Example

This example demonstrates the Button Edit control with default settings.

Initialize a new instance of the BootstrapButtonEdit class.
Use the ASPxTextEdit.Text property to specify the button’s text.
Handle the ASPxButtonEditBase.ButtonClick event occurring once the button is clicked.

The image below shows the result:

BootstrapButtonEdit_Overview

ASPX

<dx:BootstrapButtonEdit runat="server" Text="Sample Text">
    <ClientSideEvents ButtonClick="function(s,e) { dxbsDemo.showToast('The button has been clicked.'); }" />
    <Buttons>
        <dx:BootstrapEditButton />
    </Buttons>
</dx:BootstrapButtonEdit>