RadTreeView所有节点具有相同的对齐方式

Question

如何对所有节点具有相同的对齐方式(父节点和子节点)

你能看到下面的图片吗(我正试着在pik1上做同样的事情)。"Bedding Feature“是根节点，其他节点是leafs (子节点)。

​

​

​

​

我用的是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();
}

我需要消除子节点前的空格..thanks ?！

Answer 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>