ButtonSettings.ClientSideEvents Property

Gets an object that lists the client-side events specific to the Button.

Namespace: DevExpress.Web.Mvc

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

NuGet Package: DevExpress.Web.Mvc5

Declaration

C#

public ButtonClientSideEvents ClientSideEvents { get; }

VB.NET

Public ReadOnly Property ClientSideEvents As ButtonClientSideEvents

Property Value

Type	Description
ButtonClientSideEvents	A ButtonClientSideEvents object that allows you to handle the component’s client-side events.

Remarks

The ClientSideEvents property provides access to an object of the ButtonClientSideEvents type. This object contains properties whose names correspond to the events available to the Button on the client side. These properties provide the capability to assign handling JavaScript functions to the required client-side events of the Button.

C#

public ActionResult Index()
{
    return View();
}
public ActionResult Click()
{            
    return View();
}
public ActionResult ButtonAction(int customParameter)
{
    TempData["customParameter"] = customParameter;
    return RedirectToAction("Click");
}

Razor(Index)

@Html.DevExpress().Button(settings =>
{
    settings.Name = "Button";
    settings.Text = "Click";
    settings.ClientSideEvents.Click = "function(s, e) { OnClick(s, s.name, 'test'); }";
    settings.RouteValues = new { Controller = "Home", Action = "ButtonAction", customParameter = 5 };
}).GetHtml()

Razor(Click)

<p>customParameter - @TempData["customParameter"] </p>

JS

function OnClick(s, e, d) {
    alert('s =   ' + s);
    alert('e =   ' + e);
    alert('d =   ' + d);
}