HTML页面中的多级级联列表视图

时间:2011-11-30 23:32:05

标签: html css listview

我们如何轻松实现这样的事情?最好在.Net框架内,或者只是标准的html,css ......

第一列有一个垂直列表;如果单击一个项目,则第二列显示子列表;等等。

这类似于MAC OS中的文件系统导航。

2 个答案:

答案 0 :(得分:1)

虽然我认为使用CSS可以实现一棵树,但我认为生成的代码相当令人生畏,而且不够灵活或不可靠。

你没有提到JavaScript,但是你见过 jsTree 吗?

或者,您可以在.NET中开发整个列表层次结构,并为.NET应用程序提供一个路径参数,告诉它要渲染多少层次结构。 (我不是.NET开发人员,所以无法帮助解决这个问题。)这样做的主要缺点是需要页面刷新才能让用户导航树。

答案 1 :(得分:0)

根据您的使用情况,听起来jsTree是您最好的选择,但您也可以在普通的html中执行水平嵌套列表。我用 http://www.htmldog.com/articles/suckerfish/dropdowns/

然后,您的BE开发人员可以在.net中为li创建ItemRepeaters(或控件)。