AutoComplete
国名をキー入力します。
国名をキー入力します。
設定
説明
このサンプルは、AutoComplete コントロールの基本的な使用方法を示します。
CaseSensitiveSearch プロパティをtrueに設定した場合、検索では大文字と小文字が区別されます。
BeginsWithSearchプロパティがtrueの場合、コントロールは指定された検索用語で始まる項目を検索します。
CaseSensitiveSearch プロパティをtrueに設定した場合、検索では大文字と小文字が区別されます。
BeginsWithSearchプロパティがtrueの場合、コントロールは指定された検索用語で始まる項目を検索します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | using System.Collections.Generic; using System.Web.Mvc; using MvcExplorer.Models; namespace MvcExplorer.Controllers { public partial class AutoCompleteController : Controller { private readonly ControlOptions _optionModel = new ControlOptions { Options = new OptionDictionary { { "Case Sensitive Search" , new OptionItem{ Values = new List< string > { "True" , "False" }, CurrentValue = "False" }}, { "Begins With Search" , new OptionItem{ Values = new List< string > { "True" , "False" }, CurrentValue = "False" }} } }; public ActionResult Index (FormCollection collection) { IValueProvider data = collection; _optionModel.LoadPostData(data); ViewBag.DemoOptions = _optionModel; ViewBag.Countries = Countries.GetCountries(); return View(); } } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | @ { List< string > countries = ViewBag.Countries; ControlOptions optionsModel = ViewBag.DemoOptions; ViewBag.DemoSettings = true ; } @section Styles{ < style > .highlight { background-color: #ff0; color: #000; } </ style > } < div > < label > @Html .Raw(Resources.AutoComplete.Index_Text2)</ label > < p > @Html .Raw(Resources.AutoComplete.Index_Text0)</ p > @Html .C1().AutoComplete().Bind(countries).CaseSensitiveSearch(Convert.ToBoolean(optionsModel.Options[ "Case Sensitive Search" ].CurrentValue)).BeginsWithSearch(Convert.ToBoolean(optionsModel.Options[ "Begins With Search" ].CurrentValue)) </ div > < div > < label > @Html .Raw(Resources.AutoComplete.Index_Text3)</ label > < p > @Html .Raw(Resources.AutoComplete.Index_Text1)</ p > @Html .C1().AutoComplete().Bind(countries).CssMatch( "highlight" ).CaseSensitiveSearch(Convert.ToBoolean(optionsModel.Options[ "Case Sensitive Search" ].CurrentValue)).BeginsWithSearch(Convert.ToBoolean(optionsModel.Options[ "Begins With Search" ].CurrentValue)) </ div > @section Settings{ @Html .Partial( "_OptionsMenu" , optionsModel) } @section Description{ @Html .Raw(Resources.AutoComplete.Index_Text4) < br /> @Html .Raw(Resources.AutoComplete.CaseSensitiveSearchDescription_Text0) < br /> @Html .Raw(Resources.AutoComplete.BeginsWithSearchDescription_Text0) } |