[c#]RadTreeView 所有节点都有相同的染色体

标签: Asp.net Telerik C#
发布时间: 2017/2/25 3:59:06
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我怎么可以有相同的对齐方式为所有节点 (父 & & 儿童)

请看下面的图片 (我试着做同样的 pik1)。 "床上用品功能"是根和其他节点是叶子 (儿童)。

enter image description here

enter image description here

我使用 Telerik RadTreeView

<telerik:RadTreeView ID="TreeView1" ItemsIndent="0"  ShowLineImages="false" RegisterWithScriptManager ="true" ForeColor="Black" CheckBoxes="true" runat="server"  OnNodeCheck="TreeView1_TreeNodeCheckChanged" >
   </telerik:RadTreeView>



 private void FillTree()
    {
        //get all tree 

        DataTable TreeDataTable = new DataTable();
        TreeDataTable = DSCAttribute.GetAttributeFullTree();
        TreeView1.DataTextField = "Name";
        TreeView1.DataValueField = "Name";
        TreeView1.DataFieldID = "Id";
        TreeView1.DataFieldParentID = "ParentID";
        TreeView1.DataSource = TreeDataTable;
        TreeView1.DataBind();
}

我走了需要消除子元素节点之前的空间。谢谢你? !

解决方法 1:

Treeveiw 被应该有此填充以显示层次结构。因此,你应该考虑拼合的数据源,只是表明一切都在一个水平。

或者,您可以尝试黑客通过重写其 CSS 规则。这是一个基本的例子,让你开始︰

        /*remove padding*/
        div.RadTreeView .rtLI
        {
            padding-left: 0; 
        }

        /*remove dotted lines*/
        div.RadTreeView .rtLines .rtLI::before,
        div.RadTreeView .rtLines .rtOut::before
        {
            display: none;
        }

        /*hide expand/collapse icons*/
        span.rtMinus,
        span.rtPlus
        {
            display: none;
        }

和一些示例标记

        <telerik:RadTreeView ID="RadTreeView1" runat="server" RenderMode="Lightweight" CheckBoxes="true">
            <Nodes>
                <telerik:RadTreeNode Text="root" Expanded="true">
                    <Nodes>
                        <telerik:RadTreeNode Text="leaf 1" Expanded="true">
                            <Nodes>
                                <telerik:RadTreeNode Text="subleaf 1"></telerik:RadTreeNode>
                                <telerik:RadTreeNode Text="subleaf 2"></telerik:RadTreeNode>
                                <telerik:RadTreeNode Text="subleaf 3"></telerik:RadTreeNode>
                            </Nodes>
                        </telerik:RadTreeNode>
                        <telerik:RadTreeNode Text="leaf 2"></telerik:RadTreeNode>
                        <telerik:RadTreeNode Text="leaf 3"></telerik:RadTreeNode>
                    </Nodes>
                </telerik:RadTreeNode>
            </Nodes>
        </telerik:RadTreeView>
官方微信
官方QQ群
31647020