TreeView
スタイル設定
このビューは、CSS を使用して TreeView for ASP.NET MVC の外観をカスタマイズする方法を示します。
機能
サンプル
説明
CSS を使用して TreeView の外観をカスタマイズできます。
この例では、折りたたみ/展開アイコンを変更し、ノードレベルに応じて異なるフォントサイズを使用し、レベル 1 のノードの左側に縦棒を追加しています。
ソース
StylingController.cs
using MvcExplorer.Models;
using Microsoft.AspNetCore.Mvc;
namespace MvcExplorer.Controllers
{
partial class TreeViewController
{
// GET: Styling
public ActionResult Styling()
{
return View(Property.GetData(Url));
}
}
}
Styling.cshtml
@model Property[]
<c1-tree-view class="custom-tree"
display-member-path="Header" child-items-path="Items"
source="Model"></c1-tree-view>
@section Summary{
<p>@Html.Raw(TreeViewRes.Styling_Text0)</p>
}
@section Description{
<p>@Html.Raw(TreeViewRes.Styling_Text1)</p>
<p>@Html.Raw(TreeViewRes.Styling_Text2)</p>
}
マニュアル