Action Dropdown from button

[Andrew]

I'm trying to create a dropdownlist like in the attached image. The button launches the dropdown and each dropdown item is an action that launches a javascript function. Is this possible with .Net Core?

 

 

[Neli]

Hi Andrew,

A possible approach is to use the Toolbar widget. For each item, you could set the overflow option to 'always'. You could use template and overflowTemplate in order to configure the DropDownLists. Below is an example of the syntax in UI for ASP.NET Core:

items.Add()
  .Template("<input id='dropdown' style='width: 150px;' />")
  .OverflowTemplate("<input id='dropdown' style='width: 150px;' />")
  .Overflow(ShowInOverflowPopup.Always);

When an item in the DropDownList is selected, in the select event handler, you could find the selected item and execute the needed function.

.Events(e => e .Select("onSelect"))

 

function onSelect(e) {
      var selected = e.dataItem.text;
       ....
  }

Here is a Dojo example that demonstrates such implementation.  

I hope this helps. Let me know in case you have additional questions on the matter.

Regards,
Neli
Progress Telerik