ComboBox
グループ化
機能
サンプル
ComboBox Grouping
showGroups プロパティを使用して、 ComboBox コントロールにグループヘッダーを追加します。
showGroups プロパティがtrueに設定されていて、 itemsSource コレクションでグループ化が有効になっている場合、グループヘッダー項目が追加されます。
ヘッダー項目は表示のみです。 マウスやキーボードで選択することはできず、どのデータ項目にもバインドされていません。
説明
このサンプルは、ComboBoxコントロールのグループ項目を表示する方法を示します。
ソース
GroupingController.cs
using MvcExplorer.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace MvcExplorer.Controllers
{
public partial class ComboBoxController : Controller
{
// GET: Grouping
public ActionResult Grouping()
{
var nwind = new C1NWindEntities();
return View(nwind.Suppliers.Take(20));
}
}
}
Grouping.cshtml
@model IEnumerable<Supplier>
@(Html.C1().CollectionViewService<Supplier>().Bind(Model).Id("collectionViewService").GroupBy("Country"))
<div>
<h2>
@Html.Raw(Resources.ComboBox.Grouping_Text0)
</h2>
<p>
@Html.Raw(Resources.ComboBox.Grouping_Text1)
</p>
<p>
@Html.Raw(Resources.ComboBox.Grouping_Text2)
</p>
<p>
@Html.Raw(Resources.ComboBox.Grouping_Text3)
</p>
</div>
<div>
@(Html.C1().ComboBox().Id("theComboBox")
.ShowGroups(true)
.DisplayMemberPath("CompanyName")
.ItemsSourceId("collectionViewService"))
</div>
@section Description{
@Html.Raw(Resources.ComboBox.Grouping_Text4)
}
マニュアル