树形导航中的快速切换方法及其导航树技术

技术编号:14445434 阅读:51 留言:0更新日期:2017-01-15 11:24
本发明专利技术涉及一种树形导航中的快速切换的方法,其主要是在导航树外设置功能快捷按钮,通过使用功能快捷按钮实现导航树中的目录切换,其中,功能快捷按钮包括逐级深入按钮、逐级跳出按钮和/或逐级跳过按钮。本发明专利技术还涉及一种导航树,其设置有功能快捷按钮,用于实现导航树中的目录切换,其中,功能快捷按钮包括逐级深入按钮、逐级跳出按钮和/或逐级跳过按钮。本发明专利技术可以避免用户在茫茫节点中通过点击节点前一小块区域展开或闭合节点配合拖拽滚动条,才能找到目标节点的繁琐过程。可以让用户快速切换目录较长的树形节点列表,并可以避免让用户触发难以点击的收起与展开按钮,方便用户在查找时更为聚焦,最终可以给用户带来更好的操作体验。

【技术实现步骤摘要】

本专利技术涉及一种树状结构导航(简称导航树)的快速切换方法,以及可以快速切换的树状结构导航,尤其适用于服务器节点的树形导航。
技术介绍
导航树是目前服务器类管理软件常用的导航形式之一。管理平台中,也使用导航树,作为管理页面的入口,使得管理员能够更清楚、更快捷的了解当前整个环境中服务器、虚拟机及软硬件资源等的分布情况,方便管理员快速进入目标管理页面。但在管理平台中有一个实际问题,就是实际使用场景中,用户的服务器或者虚拟机等硬件设备可能有数十个或者几百个,传统导航树只能解决结构问题,但如何在众多节点中快速找到目标节点变成了一个棘手的问题。于是一种服务器节点导航中的快速切换的方法应运而生。例如,MacOS上的RSSreader2.0,其也采用了树形导航,针对快速定位到目标节点,如图1所示,它的做法主要是:明确节点的分级,将树的顶级节点组成一颗独立的树。点选顶级节点后,后拓展出以顶级节点为根节点的完整的导航树,并将一级节点树隐藏。点击导航树根节点后,返回顶级节点导航树,完成根的切换。至于叶子节点的找寻,就是通过点击分类前的小箭头展开子级目录,拖动滚动条,这个过程会循环至用户找到目标为止。只是,上述导航树还存在如下一些缺点:1、只提供用户展开与收起功能,灵活性不好。比如用户所处的导航目录过长时,受限于PC屏幕的大小,用户既看不到此目录的上一级目录的收起功能,也看不到下一个目录的展开按钮,此时他必须通过拖动鼠标滚轮或点击屏幕上的滑动条,寻找到收起或展开按钮,再进行下一个目录的查询。对于服务器管理软件来说,通常一个目录下的子目录会有上百或上千条,这样的功能设计影响了IT管理员的查找效率。2、展开与收起按钮易带来误操作,由于展开与收起按钮是与文字并排放置,从排版的角度考虑,图标形状不会过大,也就带来触区的变小;其次,在这一目录中,点击文字部分是进入到此目录具体的页面,而不执行收起与展开功能,这样留给展开与收起按钮的触区就更小了,也极易带来误操作。综上,即使用户从子目录回到上一级目录,由于展开与收起按钮的交互区域过小而有可能带来误操作或反复点击的不好体验。
技术实现思路
为了克服现有技术的上述缺陷,本专利技术目的在于提供一种树形导航中的快速切换方法,其可以让用户在大量树节点中快速找到目标节点,而花费的功夫相对小。本专利技术又一目的在于提供一种导航树,其可以让用户在大量树节点中快速找到目标节点,而花费的功夫相对小。为了达到上述目的,本专利技术提供的主要技术方案包括:一种树形导航中的快速切换的方法,其包括在导航树外设置功能快捷按钮,通过使用功能快捷按钮实现导航树中的目录切换,其中,功能快捷按钮包括逐级深入按钮、逐级跳出按钮和/或逐级跳过按钮。本专利技术快速切换的方法的一个实施例,其中,功能快捷按钮设于与导航树的根节点平级的位置。本专利技术快速切换的方法的一个实施例,其中,功能快捷按钮置于顶层。本专利技术快速切换的方法的一个实施例,其中,与导航树的根节点平级的位置增设一个功能快捷按钮区,各功能快捷按钮设于功能快捷按钮区。本专利技术快速切换的方法的一个实施例,其中,导航树的根节点与功能快捷按钮区固定置于顶层。上述任一种树形导航中的快速切换的方法,其中:逐级深入按钮指从导航树的当前节点开始,逐级展开当前节点或当前节点的子节点或当前节点的下一个兄弟节点;逐级跳出按钮指从导航树的当前节点开始,逐级收起当前节点或当前节点的父节点或当前节点的上一个兄弟节点;逐级跳过按钮指从导航树的当前节点开始,顺次跳至当前节点的下一个兄弟节点。本专利技术快速切换的方法的一个实施例,其中,当各功能快捷按钮不具备跳转条件时,其呈不能点击的灰色状态。本专利技术快速切换的方法的一个实施例,其中,当前节点被显示为区别于其他节点。上述任一种树形导航中的快速切换的方法,其中,所述导航树为服务器节点的导航树。一种导航树,其设置有功能快捷按钮,用于实现导航树中的目录切换,其中,功能快捷按钮包括逐级深入按钮、逐级跳出按钮和/或逐级跳过按钮。本专利技术导航树的一个实施例,其中,功能快捷按钮设于与导航树的根节点平级的位置。本专利技术导航树的一个实施例,其具有一个功能快捷按钮区,各功能快捷按钮设于功能快捷按钮区。本专利技术导航树的一个实施例,其中,功能快捷按钮置于顶层。本专利技术导航树的一个实施例,其中,导航树的根节点与功能快捷按钮区固定置于顶层。本专利技术导航树的一个实施例,其中,功能快捷按钮区设于与导航树的根节点平级的位置,导航树的根节点与功能快捷按钮区固定置于顶层。上述任一种导航树,其中:逐级深入按钮指从导航树的当前节点开始,逐级展开当前节点或当前节点的子节点或当前节点的下一个兄弟节点;逐级跳出按钮指从导航树的当前节点开始,逐级收起当前节点或当前节点的父节点或当前节点的上一个兄弟节点;逐级跳过按钮指从导航树的当前节点开始,顺次跳至当前节点的下一个兄弟节点。本专利技术导航树的一个实施例,其中,当各功能快捷按钮不具备跳转条件时,其呈不能点击的灰色状态。本专利技术导航树的一个实施例,其中,当前节点被显示为区别于其他节点。上述任一种导航树,其中,所述导航树为服务器节点的导航树。本专利技术的有益效果是:本专利技术通过对传统树形导航进行改造,在与根节点平级的位置中,增加一个目录切换的功能快捷按钮区,按钮区包括“逐级深入按钮”、“逐级跳过按钮”和“逐级跳出按钮”三个按钮,根节点与按钮区整个区域固定置顶。通过三个按钮的配合使用使得用户可以通过该种目录切换功能,避免了在茫茫节点中通过点击节点前一小块区域展开或闭合节点配合拖拽滚动条,才能找到目标节点的繁琐过程。本专利技术可以让用户快速切换目录较长的树形节点列表,灵活而实用;可以避免让用户触发难以点击的收起与展开按钮,方便用户在查找时更为聚焦;进一步的,可以给用户带来更好的操作体验。附图说明图1为现有技术中的一种树形导航的示意图;图2为本专利技术一个实施例的快速切换方法的流程图;图3为本专利技术一个实施例的导航树的结构示意图;图4为在一个应用实例中本专利技术的方法与现有技术的对比图。具体实施方式为了更好的解释本专利技术,以便于理解,下面结合附图通过具体实施方式对本专利技术作详细描述。参见图4,本专利技术一个实施例的导航树,其具有根节点、一级节点、二级节点、三级节点,以及功能快捷按钮区(其中具有“逐级深入按钮”、“逐级跳过按钮”和“逐级跳出按钮”三个按钮)。其中,根节点和功能快捷按钮区固定置于顶层。在使用过程中,可根据实际需要通过点击各功能快捷按钮进行导航树中各节点之间的切换,以实现在茫茫节点中快速查找指定的节点。参见图2,本专利技术一个实施例的快速切换方法,其包括步骤:S0、初始化导航树,根节点处于选中状态;S1、进行目录浏览;S2、根据当前选中目录状态,触发功能快捷按钮;S3、当前目录关闭,选中并展开其下一级子目录/上一级父目录;或者同一级下一个兄弟目录;S4、判断是否找到目标目录,若否,则继续执行步骤S2,若是,则结束。结束后可通过鼠标单击动作进入选定的节点查看。其中的触发动作也可以是通过单击鼠标实现的。具体的,下面再举几个对比例作进一步说明:对比例一,根节点下具有x个一级节点,每个一级节点下具有y个二级节点,每个二级节点下具有z个三级节点,现假设当前位于根节点,而欲查找的目标节点为第m个一级节点中的第n个二级节点中的第p个三本文档来自技高网
...
<a href="http://www.xjishu.com/zhuanli/55/201510400750.html" title="树形导航中的快速切换方法及其导航树原文来自X技术">树形导航中的快速切换方法及其导航树</a>

【技术保护点】
一种树形导航中的快速切换的方法,其特征在于:在导航树外设置功能快捷按钮,通过使用功能快捷按钮实现导航树中的目录切换,其中,功能快捷按钮包括逐级深入按钮、逐级跳出按钮和/或逐级跳过按钮。

【技术特征摘要】
1.一种树形导航中的快速切换的方法,其特征在于:在导航树外设置功能快捷按钮,通过使用功能快捷按钮实现导航树中的目录切换,其中,功能快捷按钮包括逐级深入按钮、逐级跳出按钮和/或逐级跳过按钮。2.如权利要求1所述的树形导航中的快速切换的方法,其特征在于:功能快捷按钮设于与导航树的根节点平级的位置。3.如权利要求1所述的树形导航中的快速切换的方法,其特征在于:功能快捷按钮置于顶层。4.如权利要求1所述的树形导航中的快速切换的方法,其特征在于:与导航树的根节点平级的位置增设一个功能快捷按钮区,各功能快捷按钮设于功能快捷按钮区。5.如权利要求1、2、3或4所述的树形导航中的快速切换的方法,其特征在于:逐级深入按钮指从导航树的当前节点开始,逐级展开当前节点或当前节点的子节点或当前节点的下一个兄弟节点;逐级跳出按钮指从导航树的当前...

【专利技术属性】
技术研发人员:刘曦冉马俊杰付惠惠王卓胡敏杰宋潇豫赵峰乔咏申利飞
申请(专利权)人:中标软件有限公司
类型:发明
国别省市:上海;31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1