We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Passing additional values with the dropdown list

Thread ID:





143254 Mar 11,2019 08:07 PM UTC Mar 12,2019 09:50 AM UTC ASP.NET MVC 1
Tags: DropDownList
Nate Greene
Asked On March 11, 2019 08:07 PM UTC

I have a general question about the dropdown list. I have a given DropdownList widget like so:

.DropDownListFields(df => df.ID("MenuItemID")
.ClientSideEvents(e => e.Select("onMenuItemSelect"))
.WatermarkText("Select a Menu Item")

The way it is setup is to recieve the data from the model that is passed to it. I understand how the .Text() and .Value() assignments work but I am wondering if there is a way I could hide additional data in the dropdown list that can be obtained when the Select event is activated. I know with a grid I can hide a column but still get the data in javascript when iterating through the object. Is there a similar functionality that I can use here? Because I need to save an the ItemName, ItemID and ItemCost to be used when a user selects one of the options from the dropdown.

Many Thanks,


Prince Oliver [Syncfusion]
Replied On March 12, 2019 09:50 AM UTC

Hi Nate, 
Thank you for contacting Syncfusion support.  
Based on your shared information and your requirement, we suggest you bind only text field for DropDownList and get other field data through select event for DropDownList. You need to map “Text” field with required field name and get the other field details by iterating through getListData() method of DropDownList which contains complete data with all fields. Kindly refer to the following code snippet. 
@Html.EJ().DropDownList("MenuItemsList").Datasource((IEnumerable<Data>)ViewData["DropDownSource"]).DropDownListFields(Df => Df.Text("Text")).ClientSideEvents(e => e.Select("onMenuItemSelect")).WatermarkText("Select a Menu Item").EnablePersistence(true).EnableFilterSearch(true) 
        function onMenuItemSelect(args) { 
            for (i = 0; i < this.getListData().length; i++) { 
                if (this.getListData()[i].Text == args.text) { 
public ActionResult DropdownlistFeatures() 
            List<Data> DropDownData = new List<Data>(); 
            DropDownData.Add(new Data { MenuItemID = "item1", Text = "ListItem 1" ,Value  = "1" }); 
            DropDownData.Add(new Data { MenuItemID = "item2", Text = "ListItem 2" , Value = "2" }); 
            DropDownData.Add(new Data { MenuItemID = "item3", Text = "ListItem 3" , Value = "3" }); 
            DropDownData.Add(new Data { MenuItemID = "item4", Text = "ListItem 4" , Value = "4" }); 
            DropDownData.Add(new Data { MenuItemID = "item5", Text = "ListItem 5" , Value = "5" }); 
            ViewData["DropDownSource"] = DropDownData; 
            return View(); 
Note: While mapping Text field without value,  text will be considered as value of DropDownList.  
We have attached sample for your reference, please find the sample at the following location: http://www.syncfusion.com/downloads/support/forum/143254/ze/SyncfusionMvcApplication1-67691720  
Kindly check the above solution in your end and if it does not meet your requirement, kindly share additional information on your scenario with code or example. This will help us provide a prompt solution at the earliest.  


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon