ツリー線

ツリー線は、その名前が示すとおり、親ノードと子ノードの関係を明確に示すためにツリービューのノード間を接続する線です。By default, TreeView does not show treelines. C1TreeViewクラスの ShowLinesプロパティを true に設定することで、ツリー線を表示にすることができます。

The following image shows TreeView with the treelines.

TreeView with customized tree lines

The following code demonstrates how to display the treelines programmatically.

TreeLines.razor	コードのコピー
@using C1.Blazor.TreeView <C1TreeView ShowLines="true"> <TreeViewItem Header="Devices"> <TreeViewItem Header="Mobiles"> <TreeViewItem Header="Apple" /> <TreeViewItem Header="Xiaomi" /> <TreeViewItem Header="Nokia" /> </TreeViewItem> <TreeViewItem Header="Tablets" /> <TreeViewItem Header="Monitor" /> </TreeViewItem> <TreeViewItem Header="Appliances"> <TreeViewItem Header="Television" /> <TreeViewItem Header="Washing Machine" /> </TreeViewItem> </C1TreeView>

TreeLines.razor

コードのコピー

@using C1.Blazor.TreeView

<C1TreeView ShowLines="true">
    <TreeViewItem Header="Devices">
        <TreeViewItem Header="Mobiles">
            <TreeViewItem Header="Apple" />
            <TreeViewItem Header="Xiaomi" />
            <TreeViewItem Header="Nokia" />
        </TreeViewItem>
        <TreeViewItem Header="Tablets" />
        <TreeViewItem Header="Monitor" />
    </TreeViewItem>
    <TreeViewItem Header="Appliances">
        <TreeViewItem Header="Television" />
        <TreeViewItem Header="Washing Machine" />
    </TreeViewItem>        
    </C1TreeView>