很多小伙伴反应说已经用罗叔的教程解决了很多 PowerBI 难题并在工作中制作了很多报告，导航也是一个难题，有什么方法可以快速建立导航和菜单系统吗？
虽然罗叔此前已经分享过多次菜单系统的构建方式，但其中是包含了很多手工量的。今天，罗叔给出一种最新的构建方式，让是一劳永逸。
该方法在理论上，可以支持：
- 多限层
- 只需要构建一次
- 全面可配置化
- 可修改化
- 支持垂直和水平方向
我们在看了效果后一起学习。
效果预览
先来看垂直方向无限级菜单目录
image
再来看水平方向无限级菜单目录：
image
其场景如下：
- 用户选择目录树的某个位置
- 在右侧预览其效果，并确定自己要去那页
- 点击【GO】即可到达目标页面
我当然知道这是你要的。因为，这也是我要的。
原理揭秘
这里的核心原理是：
根据用户选择的菜单内容，来动态计算出目标页面地址并赋给【GO】按钮即可。
如下：
image
可配置化
目录结构如果需要改变，往往要改很多地方，而本文的方案是完美可配置的，我们用 DAX 公式来生成一张目录表，如下：
Report.Content =
VAR vContentCore =
SELECTCOLUMNS(
{
( "首页" , "首页" , "" , 0 , 0 ),
( "经营概况" , "指标体系" , "http://files.excel120.com/images/20200524171453.png" , 1 , 1 ),
( "经营概况" , "月度同比分析" , "http://files.excel120.com/images/20200524171453.png" , 1 , 2 ),
( "经营概况" , "大区门店销售额等级分布" , "http://files.excel120.com/images/20200524171453.png" , 1 , 3 ),
( "经营概况" , "区域月度销售完成率" , "http://files.excel120.com/images/20200524171453.png" , 1 , 4 ),
( "经营概况" , "业态及属性销售占比" , "http://files.excel120.com/images/20200524171453.png" , 1 , 5 ),
( "区域分析" , "近期业绩及赛马图比拼" , "http://files.excel120.com/images/20200524171555.png" , 2 , 1 ),
( "区域分析" , "移动平均趋势分析" , "http://files.excel120.com/images/20200524171555.png" , 2 , 2 ),
( "区域分析" , "区域内门店排名分析" , "http://files.excel120.com/images/20200524171555.png" , 2 , 3 ),
( "区域分析" , "重点城市帕累托分析" , "http://files.excel120.com/images/20200524171555.png" , 2 , 4),
( "单店分析" , "单店业绩同期对比分析" , "http://files.excel120.com/images/20200524171821.png" , 3 , 1 ),
( "单店分析" , "入库与销售额分析" , "http://files.excel120.com/images/20200524171821.png" , 3 , 2 ),
( "单店分析" , "单店完成率分析" , "http://files.excel120.com/images/20200524171821.png" , 3 , 3 ),
( "单店分析" , "客单价/连带率分析" , "http://files.excel120.com/images/20200524171821.png" , 3 , 4 ),
( "尾页" , "尾页" , "" , 99 , 0 )
} , "L1Name" , [Value1] , "L2Name" , [Value2] , "Preview" , [Value3] , "L1Code" , [Value4] , "L2Code" , [Value5] )
RETURN
ADDCOLUMNS( vContentCore ,
"FullCode" , [L1Code] & "." & [L2Code] ,
"FullName" , [L1Name] & " \ " & [L2Name] ,
"OrderBy" , [L1Code] * 100 + [L2Code]
)
效果如下：
image
这样，所有的内容就可以集中到一起来进行维护。这是我们对OCP原则的应用。
可预览化
对于复杂的BI报告系统，用户很可能并不知道自己要去哪里，那么当用户选择一个可能的目标页面时，可以先不做跳转，而是预览，让用户知道确实要去那里，再点击【GO】按钮到达目标页面。
image
我们将目标页面的预览图URL存放，在用户选择导航菜单后，就可以看到预览了，非常巧妙。
总结
本文给出了无限层级菜单的终极方案。该方案可以支持大型系统的构建。
赶快动手试试吧。