Local binding with tag helper

[Michael]

Does anyone have an example for the kendoDropdownList that uses the MVC Core tag helper, and uses local binding?  The tag helper sample in the demos binds to remote data only.  Thanks!

 

[Dimitar]

Hello Michael,

I am attaching an ASP.NET Core solution, where a similar scenario to the one described is demonstrated (Bind DropDownList to local data).

To achieve the desired result, the bind-to attribute is used to bind the DropDownList to a list of SelectListItem:

<kendo-dropdownlist name="orders"
  datatextfield="Text"
   datavaluefield="Value"
   filter="FilterType.Contains"
   bind-to="Model.Countries">
</kendo-dropdownlist>

The Index method initializes the HomeViewModel, sets the list of countries and passes it to the Index view:

public IActionResult Index()
{
  var homeData = new HomeViewModel()
  {
    Countries = GetCountries()
  };

  return View(homeData);
}

public IList<SelectListItem> GetCountries()
{
  var countries = new List<SelectListItem>
  {
    new SelectListItem { Value = "MX", Text = "Mexico" },
    new SelectListItem { Value = "CA", Text = "Canada" },
    new SelectListItem { Value = "US", Text = "USA"  }
  };

  return countries;
}

Regards,
Dimitar
Progress Telerik