MultiAutoComplete
MultiAutoComplete
複合型
機能
サンプル
システムカラー名をキー入力します。「red」と入力してみます。
説明
このサンプルは、「DisplayMemberPath」と「SelectedValuePath」を使用して複合型のリストに連結する方法を示します。
ソース
ComplexTypeController.cs
using System;
using System.Linq;
using Microsoft.AspNetCore.Mvc;
using MvcExplorer.Models;
namespace MvcExplorer.Controllers
{
public partial class MultiAutoCompleteController : 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<MvcExplorer.Models.NamedColor>
<div>
<label>@Html.Raw(MultiAutoCompleteRes.ComplexType_Text1)</label>
<p>@Html.Raw(MultiAutoCompleteRes.ComplexType_Text0)</p>
<c1-multi-auto-complete display-member-path="Name" selected-indexes="new List<int> { 0, 1 }">
<c1-items-source source-collection="@Model">
</c1-items-source>
</c1-multi-auto-complete>
</div>
@section Description{
@Html.Raw(MultiAutoCompleteRes.ComplexType_Text2)
}
マニュアル