MultiSelect
MultiSelect
フォーム
機能
サンプル
説明
このサンプルでは、フォームで MultiSelect を使用する方法を示します。
ソース
FormController.cs
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using MvcExplorer.Models; using System.Collections.Specialized; namespace MvcExplorer.Controllers { public partial class MultiSelectController : Controller { private IList<string> products = Products.GetProducts(); public ActionResult Form() { ViewBag.Products = products; var model = new CustomerProduct() { Products = new string[]{}}; return View(model); } [HttpPost] public ActionResult Form(CustomerProduct model) { ViewBag.Products = products; if (model.Products != null && model.Products.Length > 0) { ViewBag.Message = string.Format(Resources.MultiSelect.Form_Message, string.Join(", ", model.Products)); } return View(model); } } }
Form.cshtml
@using MvcExplorer.Models; @model CustomerProduct @{ String message = ViewBag.Message; List<string> products = ViewBag.Products; } <label>@Html.Raw(Resources.MultiSelect.Form_Text0)</label> <div> @using (Html.BeginForm()) { <div> @(Html.C1().MultiSelectFor(model=>model.Products).Bind(products) .Placeholder(Resources.MultiSelect.Form_Placeholder) .HeaderFormat(Resources.MultiSelect.Form_HeaderFormat) ) </div> <div style="margin-top: 10px"> <input type="submit" class="wj-btn wj-btn-default" value="@(Resources.MultiSelect.Form_Submit)" /> </div> } <p>@message</p> </div> @section Description{ <p>@Html.Raw(Resources.MultiSelect.Form_Text1)</p> }
マニュアル