ASPxClientDropDownCommandEventArgs.commandName Property

Gets the name of the processed command in the ASPxClientDropDownEdit.DropDownCommandButtonClick event.

Declaration

commandName: string

Property Value

Type	Description
string	A string value that represents the processed command’s name.

Remarks

The commandName property value should be equal to one of the following values:

• Apply
• Close

The following example illustrates how to use the commandName property.

Web Forms:

ASPX

<dx:ASPxDropDownEdit ClientInstanceName="ddeExtraServices" ID="ddeExtraServices" runat="server" AutoPostBack="false">
    <DropDownApplyButton Visibility="Always"></DropDownApplyButton>
    <DropDownCloseButton Visibility="Always"></DropDownCloseButton>
    <ClientSideEvents TextChanged="synchronizeListBoxValues" DropDown="OnDropDown" DropDownCommandButtonClick="OnDropDownCommandButtonClick" />
</dx:ASPxDropDownEdit>

JS

function OnDropDownCommandButtonClick(s, e){
  if (e.commandName == 'Apply')
    ddeExtraServices.HideDropDown();
  if (e.commandName == 'Close'){
    ddeExtraServices.SetText(tempText);
    ddeExtraServices.HideDropDown();
  }
}

MVC:

Razor

...
group.Items.Add(i => {
    i.Caption="Extra Services";
    i.HelpText="Additional fee charged";
    i.NestedExtension().DropDownEdit(s => {
        s.Name = "ddeExtraServices";
        s.Properties.DropDownApplyButton.Visibility = DropDownElementVisibility.Always;
        s.Properties.DropDownCloseButton.Visibility = DropDownElementVisibility.Always;
        ...
        s.Properties.ClientSideEvents.DropDownCommandButtonClick = "onDropDownCommandButtonClick";
    });
});

JS

function onDropDownCommandButtonClick(s, e) {
    if (e.commandName == "Apply")
        s.HideDropDown();
    if (e.commandName == "Close") {
        s.SetText(tempText);
        s.HideDropDown();
    }
}

Online Demos

• Modal DropDowns (Web Forms)
• Modal DropDowns (MVC)