【问题标题】:HTML/JS tree view in metro-styleMetro 风格的 HTML/JS 树视图
【发布时间】:2013-02-04 03:37:10
【问题描述】:

我在我的网站上使用经典树视图。对于移动设备,我使用了其他特殊设计的版本。我的网站目前显示平板设备的移动版本,但从现在开始,我将在平板设备上显示桌面版本。一切都很好,除了经典的树形视图 - 展开/折叠标志太小且难以挑选。

有人能推荐一个也为平板设备设计的树状视图吗?我想一些 Metro 风格的东西,但我找不到好的实现或概念。

【问题讨论】:

    标签: javascript html treeview microsoft-metro tablet


    【解决方案1】:

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

    看起来没有解决方案。我采用了我的 html/js 树视图的视觉外观。在 js 代码和 "+"/"-" 唱歌之后起飞。并添加简单的行为。

    • 当我点击关闭的树视图项目时 - 它会打开并过滤掉相应的详细信息
    • 当我单击打开的树视图项目时 - 没有任何反应。所以我不能通过点击关闭打开的项目。
    • 当我点击标题时(标题 - 我描述我拥有什么样的物品的地方) - 打开的物品被关闭。

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

    PS:我使用knockoutjs进行过滤。

    【讨论】:

      【解决方案2】:

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

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

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

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

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

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

      【讨论】:

      • 我已经检查过你提供的ztree示例,我认为它在平板电脑上不好用,尤其是因为我在平板电脑上检查过。
      猜你喜欢
      • 1970-01-01
      • 2012-07-08
      • 1970-01-01
      • 2011-11-22
      • 2012-10-16
      • 1970-01-01
      • 2012-12-10
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多