AutoComplete
AutoComplete
複合型
機能
サンプル
システムカラー名をキー入力します。「red」と入力してみます。
説明
このサンプルは、「DisplayMemberPath」と「SelectedValuePath」を使用して複合型のリストに連結する方法を示します。
ソース
ComplexTypeController.cs
using System; using System.Linq; using Microsoft.AspNetCore.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(ConsoleColor)) .Cast<ConsoleColor>() .Select(c => new NamedColor { Name = c.ToString(), Value = (int)c }) .ToArray(); } } }
ComplexType.cshtml
@model IEnumerable<NamedColor> <div> <label>@Html.Raw(AutoCompleteRes.ComplexType_Text1)</label> <p>@Html.Raw(AutoCompleteRes.ComplexType_Text0)</p> <c1-auto-complete display-member-path="Name" selected-value-path="Value"> <c1-items-source source-collection="@Model"> </c1-items-source> </c1-auto-complete> </div> @section Description{ @Html.Raw(AutoCompleteRes.ComplexType_Text2) }
マニュアル