Question

我的页面有一个左窗格，其中包含RAD Treeview telerik控件。它与父节点和子节点一起正常工作。下面是它的样子。

RadTreeView http://i59.tinypic.com/2cr4lyh.png

我现在正在创建自定义userControl，以替换此树视图控件。我希望这个新控件能够获得所有节点，并将其显示为块，例如：当我第一次登陆页面时，我需要看到的是：

配件
奖
FIAT
技术
保修

在一个容器内（div可能是），当我点击FIAT时，我希望它在这个顶级div下方显示另一个div，它显示了我：

2014
2015

然后当我点击2014年下面的另一个div显示

500
500℃

等等。

有人可以指导我找到解决方案。

感谢。

Answer 1

首先查看telerik ASP documentation on the tree control.

有several examples.

您的树结构看起来像这样：

 <telerik:RadTreeView ID="RadTreeView1" runat="server" Height="250px" Width="100%"
        EnableDragAndDrop="true" OnNodeClick="RadTreeView1_NodeClick" OnNodeCollapse="RadTreeView1_NodeCollapse"
        OnNodeExpand="RadTreeView1_NodeExpand" OnNodeDrop="RadTreeView1_NodeDrop" Style="border: 1px solid #CBE7F5;">
        <Nodes>
            <telerik:RadTreeNode Text="Accessories" ExpandMode="ServerSide" Expanded="true">
                <Nodes>
                <!-- add Accessories nodes here -->
                </Nodes>
            </telerik:RadTreeNode>
            <telerik:RadTreeNode Text="Awards" ExpandMode="ServerSide">
                <Nodes>
                <!-- add Awards nodes here -->
                </Nodes>
            </telerik:RadTreeNode>
            <telerik:RadTreeNode Text="FIAT" ExpandMode="ServerSide">
                <Nodes>
                    <telerik:RadTreeNode Text="2014" ExpandMode="ServerSide">
                        <telerik:RadTreeNode Text="500" ExpandMode="ServerSide">
                        </telerik:RadTreeNode>
                        <telerik:RadTreeNode Text="500c" ExpandMode="ServerSide">
                        </telerik:RadTreeNode>
                    </telerik:RadTreeNode>
                    <telerik:RadTreeNode Text="2014" ExpandMode="ServerSide">
                    </telerik:RadTreeNode>
                </Nodes>
            </telerik:RadTreeNode>
            <telerik:RadTreeNode Text="Technology" ExpandMode="ServerSide">
                <Nodes>
                <!-- add Technology nodes here -->
                </Nodes>
            </telerik:RadTreeNode>
            <telerik:RadTreeNode Text="Warranty" ExpandMode="ServerSide">
                <Nodes>
                <!-- add Warranty nodes here -->
                </Nodes>
            </telerik:RadTreeNode>
</telerik:RadTreeView>

用于左窗格导航的RadTreeView控件

1 个答案: