0

当我使用树视图控件时，我发现如果它的节点太多，树视图控件会超出表格或页面，如何在树视图中添加垂直滚动条以避免这种情况？

这是我的 treeview 的布局：

                           <td>
                                   <asp:TreeView ID="TreeView1" OnSelectedNodeChanged="Select_Change"  runat="server" 
                                               Height="348px">
                                    <HoverNodeStyle Font-Underline="True" ForeColor="#5555DD" />
                                    <NodeStyle Font-Names="Tahoma" Font-Size="10pt" ForeColor="Black" HorizontalPadding="0px"
                                    NodeSpacing="0px" VerticalPadding="0px" />
                                    <ParentNodeStyle Font-Bold="False" ImageUrl="~/images/bullet-red.png" />
                                    <RootNodeStyle ImageUrl="~/images/bullet.png" />
                                    <SelectedNodeStyle Font-Underline="True" ForeColor="#5555DD" HorizontalPadding="0px"
                                    VerticalPadding="0px" />

                                    </asp:TreeView>
                           </td>

另一个问题是：我这样写这个树视图的选择更改事件：

    protected void Select_Change(Object sender, EventArgs e)
    {

        TextBox1.Text = "You selected: " + TreeView1.SelectedNode.Value;

    }

但是当这个事件发生时，页面总是刷新，如果我不想导致页面刷新，怎么办？

4

2 回答 2

1

回答您的问题1：如何将滚动条添加到 Treeview

 <div class="myTreeScroll">
     <%--Place Your Treeview in this div--%>
 </div>

在您各自的 css 文件或页面中添加此 css：

.myTreeScroll {
width:300px;
height:200px;
overflow:auto;
border:1px solid #CCC; 
padding:5px 0;
position: relative;
}

希望对你有帮助！

于 2013-07-12T07:05:58.080 回答
0

您可以通过向树视图的容器元素添加overflow:auto;或添加 CSS 样式来完成滚动。overflow:scroll;

为了防止页面重新加载，您可以将控件包装在 an 中UpdatePanel或使用 JavaScript 和 ajax 而不是回发。

于 2013-07-12T03:15:59.967 回答