Question

如何为所有节点（父母和儿童）提供相同的对齐

你能看到下面的图片（我试图在pik1上做同样的事情）。＆＃34;床上用品特色＆＃34;是root，其他节点是leafs（Children）。

我正在使用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();
}

我需要消除儿童节点之前的空间..谢谢？！

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>

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

1 个答案: