200524 PowerBI 无限级菜单目录终极技巧

很多小伙伴反应说已经用罗叔的教程解决了很多 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存放，在用户选择导航菜单后，就可以看到预览了，非常巧妙。

总结

本文给出了无限层级菜单的终极方案。该方案可以支持大型系统的构建。

赶快动手试试吧。