MultiAutoComplete
MultiAutoComplete
概要
このサンプルは、MultiAutoComplete コントロールの基本的な使用方法を示します。
機能
サンプル
国名をキー入力します。
説明
MultiAutoComplete コントロールを使用すると、カスタムオブジェクトや 単純な文字列を含むリストから項目を選択できます。
このサンプルの MultiAutoComplete コントロールは、文字列配列を ItemsSource として使用します。 最大トークンフィールド数は 4 に設定されています。
ソース
IndexController.cs
using System.Web.Mvc;
namespace MvcExplorer.Controllers
{
public partial class MultiAutoCompleteController : Controller
{
public ActionResult Index()
{
return View(Models.Countries.GetCountries());
}
}
}
Index.cshtml
@model List<string>
@section Styles{
<style>
.highlight {
background-color: #ff0;
color: #000;
}
</style>
}
<p>@Html.Raw(Resources.MultiAutoComplete.Index_Text0)</p>
@(Html.C1().MultiAutoComplete().Bind(Model).CssMatch("highlight")
.SelectedIndexes(1)
.MaxSelectedItems(4))
@section Summary{
@Html.Raw(Resources.MultiAutoComplete.Index_Text3)
}
@section Description{
<p>@Html.Raw(Resources.MultiAutoComplete.Index_Text1)</p>
<p>@Html.Raw(Resources.MultiAutoComplete.Index_Text2)</p>
}
マニュアル