HTML/JS 树状视图在 Metro 风格中的应用

3
我在我的网站上使用传统的树形视图。对于移动端,我使用了其他特别设计的版本。到目前为止,我的网站在平板设备上显示移动版,但从现在开始,我将在平板设备上展示桌面版。一切都很好,除了传统的树形视图 - 展开/折叠符号太小了,很难选中。
有人能推荐一个适用于平板设备的树形视图吗?我想到了一些类似于Metro风格的东西,但我找不到好的实现或概念。
2个回答

0

虽然已经晚了,但对于任何发现这个问题的人可能仍然有用。

我需要将使用VB.Net Treeview控件的VB.net应用程序移植到生成具有相同功能的HTML/JS版本。我仍在开展这个项目,但是一年前通过使用名为zTree的Jquery插件解决了Treeview转换问题。我使其与触摸屏以及鼠标事件兼容,并且它对我很有效。以下是相关网站的链接:

VB.Net Treeview控件: http://www.codeguru.com/columns/vb/working-with-the-treeview-control-in-vb.net.htm

zTree: http://www.ztree.me/v3/demo.php#_101

我的旧VB Treeview应用程序: http://www.retirementforecaster.com

我的新HTML/JS Treeview应用程序(仍处于早期测试版): http://www.moneyplan.link


我已经查看了您提供的ztree示例,我认为它在平板电脑上使用起来并不容易,特别是因为我已经在平板电脑上测试过了。 - RredCat

0

好的。如果没有人知道如何解决它,让我解释一下我为此做了什么。

看起来这个问题没有解决方案。我采用了我的html/js树形视图的视觉外观。去掉了js代码和“+”/“-”符号。并添加了简单的行为。

  • 当我点击关闭的树形视图项时 - 它会打开并显示相应的过滤器
  • 当我点击打开的树形视图项时 - 什么也不会发生。所以我无法通过单击它来关闭已打开的项。
  • 当我点击标题(描述我拥有哪些项目的地方)时 - 打开的项将被关闭。

因此,我简化了当前的树形视图(混合打开/关闭和过滤操作)。它在桌面上看起来不愚蠢,同时在平板设备上也很有用。

附言:我使用了knockoutjs进行过滤。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接