AutoComplete
AutoComplete
Complex Type
Features
Sample
Type in a system color name. Try to type in "red".
Description
This sample shows how to bind to a list of complex type using "DisplayMemberPath" and "SelectedValuePath".
Source
ComplexTypeController.cs
using System;
using System.Collections.Generic;
using System.Drawing;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcExplorer.Models;
namespace MvcExplorer.Controllers
{
public partial class AutoCompleteController : Controller
{
public ActionResult ComplexType()
{
var list = GetSystemColors();
return View(list);
}
private static NamedColor[] GetSystemColors()
{
return Enum.GetValues(typeof(KnownColor))
.Cast<KnownColor>()
.Select(c => new NamedColor
{
Name = c.ToString(),
Value = "#" + Color.FromKnownColor(c).ToArgb().ToString("X8").Substring(2)
})
.ToArray();
}
}
}
ComplexType.cshtml
@model IEnumerable<MvcExplorer.Models.NamedColor>
<div>
<label>@Html.Raw(Resources.AutoComplete.ComplexType_Text1)</label>
<p>@Html.Raw(Resources.AutoComplete.ComplexType_Text0)</p>
@(Html.C1().AutoComplete()
.Bind(Model)
.DisplayMemberPath("Name")
.SelectedValuePath("Value")
)
</div>
@section Description{
@Html.Raw(Resources.AutoComplete.ComplexType_Text2)
}
Documentation