ListBox
グループ化
機能
サンプル
ListBox Grouping
ListBox コントロールにグループヘッダーを追加するには、 showGroups プロパティを使用します。
showGroups プロパティがtrueに設定されていて、 itemsSource コレクションでグループ化が有効になっている場合、グループヘッダー項目が追加されます。
ヘッダー項目は表示のみです。 マウスやキーボードで選択することはできず、どのデータ項目にもバインドされていません。
説明
このサンプルは、ListBoxコントロールのグループ項目を表示する方法を示します。
ソース
GroupingController.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using MvcExplorer.Models;
namespace MvcExplorer.Controllers
{
public partial class ListBoxController : Controller
{
// GET: /<controller>/
public ActionResult Grouping()
{
return View(_db.Orders.Take(20).ToList());
}
}
}
Grouping.cshtml
@model List<Order>
<div>
<h2>
@Html.Raw(ListBoxRes.Grouping_Text0)
</h2>
<p>
@Html.Raw(ListBoxRes.Grouping_Text1)
</p>
<p>
@Html.Raw(ListBoxRes.Grouping_Text2)
</p>
<p>
@Html.Raw(ListBoxRes.Grouping_Text3)
</p>
</div>
<div>
<c1-list-box display-member-path="ShipName" style="height:200px; width:250px" show-groups="true">
<c1-items-source source-collection="@Model" group-by="ShipCountry"></c1-items-source>
</c1-list-box>
</div>
@section Description{
@Html.Raw(ListBoxRes.Grouping_Text4)
}
マニュアル