Question

我的Asp.net页面上有一个asp：TreeView控件，当我渲染它时会出现一个空的缩进区域，它将节点推到右侧，这实际上正在破坏设计，如下图所示。那么有没有办法彻底删除缩进。因为它破坏了我的页面设计。

谢谢..

P.s：为了向您展示问题，我使用firebug扩展了firefox。

图片： alt text http://www.pixelshack.us/images/sfpp0pa4jjq6t3tbifd.jpg

Answer 1

我意识到这已经太晚了三年，但这是最简单的解决方案，不依赖于jQuery或CSS 3，就像之前的解决方案一样。该图像在“NoExpandImageUrl”属性中引用，您可以将其更改为小于行前导的spacer.gif。

<asp:TreeView ID="TreeView1" runat="server"
DataSourceID="ds1" 
CssClass="LeftMenu" 
CollapseImageUrl="/images/leftNavBullet0.gif" 
ExpandImageUrl="/images/leftNavBullet.gif"
NoExpandImageUrl="/images/spacer.gif"
>

就是这样！

Answer 2

好的，此时JQuery帮助我找到了一个快速的解决方案。

这就是我所做的：

 <script type="text/javascript">

    $(document).ready(function() {
        $(".TreeView tbody tr td:nth-child(1)").hide();
    });
</script>

这是向我解决问题的最简单方法。感谢JQuery强大的选择器。

Answer 3

实际上解决这个问题的另一种方法是：

.TreeView table tbody tr td:first-child { display:none; }

Answer 4

Css修复。

.TreeView tbody tr td img{
    display:none;
}

jquery fix等待页面加载并使菜单闪烁。 Css修复更好。

从Asp.Net中的TreeViewNode中删除节点缩进

4 个答案: