如何不加载带有区域 (150) 的整个页面,而只加载页面中打开的当前选项卡中的那些区域?在顶点甲骨文

How to load not the entire page with regions (150), but only those regions that are in the current tab that is open in the page ? in apex oracle

我想 post 页面上大约 150 个不同的区域。但是这个页面加载了10秒,我在选项卡中按10个区域将它们分成选项卡,但是没有帮助,页面加载了很长时间,我可以让它不加载整个页面吗,但只有当前选项卡中的那些区域??谢谢您的帮助) 每个区域都有一个交互式报告类型! 我在地区的查询(唯一的区别是每个地区的 "where" 参数) 在这段代码中,我使用颜色渐变来突出显示每个温度的颜色

  select 
        v.NAME_LVL,
        max(h.temp) as max_temp_lvl1,   
        min(h.temp) as min_temp_lvl1,
         CASE WHEN max(h.temp) <= 5 THEN 'data-style="background-color:rgb(0,0,255)"' 
            WHEN max(h.temp) >= 5  and max(h.temp) <= 6.2 THEN 'data-style="background-color:rgb(0,143,255)"' 
            WHEN max(h.temp) >= 6.2 and max(h.temp) <= 7.1 THEN 'data-style="background-color:rgb(0,39,255)"'
            WHEN max(h.temp) >= 7.1 and max(h.temp) <= 8 THEN 'data-style="background-color:rgb(0,71,255)"'
            WHEN max(h.temp) >= 8 and max(h.temp) <= 9.2 THEN 'data-style="background-color:rgb(0,102,255)"' 
            WHEN max(h.temp) >= 9.2 and max(h.temp) <= 10.1 THEN 'data-style="background-color:rgb(0,142,255)"'             
            WHEN max(h.temp) >= 10.1 and max(h.temp) <= 11.3 THEN 'data-style="background-color:rgb(0,174,255)"'             
            WHEN max(h.temp) >= 11.3 and max(h.temp) <= 12.2 THEN 'data-style="background-color:rgb(0,218,255)"'              
            WHEN max(h.temp) >= 12.2 and max(h.temp) <= 13.1 THEN 'data-style="background-color:rgb(0,244,255)"'               
            WHEN max(h.temp) >= 13.1 and max(h.temp) <= 14.0 THEN 'data-style="background-color:rgb(0,255,237)"'                  
            WHEN max(h.temp) >= 14.0 and max(h.temp) <= 15.2 THEN 'data-style="background-color:rgb(0,255,206)"'               
            WHEN max(h.temp) >= 15.2 and max(h.temp) <= 16.1 THEN 'data-style="background-color:rgb(0,255,167)"'               
            WHEN max(h.temp) >= 16.1 and max(h.temp) <= 17.0 THEN 'data-style="background-color:rgb(0,255,135)"'                 
            WHEN max(h.temp) >= 17.0 and max(h.temp) <= 18.2 THEN 'data-style="background-color:rgb(0,255,102)"'         
            WHEN max(h.temp) >= 18.2 and max(h.temp) <= 19.1 THEN 'data-style="background-color:rgb(0,255,64)"'               
            WHEN max(h.temp) >= 19.1 and max(h.temp) <= 20 THEN 'data-style="background-color:rgb(0,255,32)"'            
            WHEN max(h.temp) >= 20 and max(h.temp) <= 21.2 THEN 'data-style="background-color:rgb(0,255,0)"'              
            WHEN max(h.temp) >= 21.2 and max(h.temp) <= 22.1 THEN 'data-style="background-color:rgb(39,255,0)"'             
            WHEN max(h.temp) >= 22.1 and max(h.temp) <= 23 THEN 'data-style="background-color:rgb(71,255,0)"'                
            WHEN max(h.temp) >= 23 and max(h.temp) <= 24.2 THEN 'data-style="background-color:rgb(102,255,0)"'                
            WHEN max(h.temp) >= 24.2 and max(h.temp) <= 25.1 THEN 'data-style="background-color:rgb(142,255,0)"'               
            WHEN max(h.temp) >= 25.1 and max(h.temp) <= 26 THEN 'data-style="background-color:rgb(174,255,0)"'             
            WHEN max(h.temp) >= 26 and max(h.temp) <= 27.2 THEN 'data-style="background-color:rgb(206,255,0)"'               
            WHEN max(h.temp) >= 27.2 and max(h.temp) <= 28.1 THEN 'data-style="background-color:rgb(244,255,0)"'              
            WHEN max(h.temp) >= 28.1 and max(h.temp) <= 29 THEN 'data-style="background-color:rgb(255,237,0)"'            
            WHEN max(h.temp) >= 29 and max(h.temp) <= 30.2 THEN 'data-style="background-color:rgb(255,206,0)"'  
            WHEN max(h.temp) >= 30.2 and max(h.temp) <= 31.1 THEN 'data-style="background-color:rgb(255,167,0)"'               
            WHEN max(h.temp) >= 31.1 and max(h.temp) <= 32 THEN 'data-style="background-color:rgb(255,135,0)"'                
            WHEN max(h.temp) >= 32 and max(h.temp) <= 33.2 THEN 'data-style="background-color:rgb(255,102,0)"'               
            WHEN max(h.temp) >= 33.2 and max(h.temp) <= 34.1 THEN 'data-style="background-color:rgb(255,64,0)"' 
            WHEN max(h.temp) >= 34.1 and max(h.temp) <= 35 THEN 'data-style="background-color:rgb(255,32,0)"'            
            WHEN max(h.temp) >= 35  THEN 'data-style="background-color:rgb(255,0,0)"'                 
            ELSE NULL
           END css_style_max,
 CASE WHEN min(h.temp) <= 5 THEN 'data-style="background-color:rgb(0,0,255)"' 
            WHEN min(h.temp) >= 5  and min(h.temp) <= 6.2 THEN 'data-style="background-color:rgb(0,143,255)"' 
            WHEN min(h.temp) >= 6.2 and min(h.temp) <= 7.1 THEN 'data-style="background-color:rgb(0,39,255)"'
            WHEN min(h.temp) >= 7.1 and min(h.temp) <= 8 THEN 'data-style="background-color:rgb(0,71,255)"'
            WHEN min(h.temp) >= 8 and min(h.temp) <= 9.2 THEN 'data-style="background-color:rgb(0,102,255)"' 
            WHEN min(h.temp) >= 9.2 and min(h.temp) <= 10.1 THEN 'data-style="background-color:rgb(0,142,255)"'             
            WHEN min(h.temp) >= 10.1 and min(h.temp) <= 11.3 THEN 'data-style="background-color:rgb(0,174,255)"'             
            WHEN min(h.temp) >= 11.3 and min(h.temp) <= 12.2 THEN 'data-style="background-color:rgb(0,218,255)"'              
            WHEN min(h.temp) >= 12.2 and min(h.temp) <= 13.1 THEN 'data-style="background-color:rgb(0,244,255)"'               
            WHEN min(h.temp) >= 13.1 and min(h.temp) <= 14.0 THEN 'data-style="background-color:rgb(0,255,237)"'                  
            WHEN min(h.temp) >= 14.0 and min(h.temp) <= 15.2 THEN 'data-style="background-color:rgb(0,255,206)"'               
            WHEN min(h.temp) >= 15.2 and min(h.temp) <= 16.1 THEN 'data-style="background-color:rgb(0,255,167)"'               
            WHEN min(h.temp) >= 16.1 and min(h.temp) <= 17.0 THEN 'data-style="background-color:rgb(0,255,135)"'                 
            WHEN min(h.temp) >= 17.0 and min(h.temp) <= 18.2 THEN 'data-style="background-color:rgb(0,255,102)"'         
            WHEN min(h.temp) >= 18.2 and min(h.temp) <= 19.1 THEN 'data-style="background-color:rgb(0,255,64)"'               
            WHEN min(h.temp) >= 19.1 and min(h.temp) <= 20 THEN 'data-style="background-color:rgb(0,255,32)"'            
            WHEN min(h.temp) >= 20 and min(h.temp) <= 21.2 THEN 'data-style="background-color:rgb(0,255,0)"'              
            WHEN min(h.temp) >= 21.2 and min(h.temp) <= 22.1 THEN 'data-style="background-color:rgb(39,255,0)"'             
            WHEN min(h.temp) >= 22.1 and min(h.temp) <= 23 THEN 'data-style="background-color:rgb(71,255,0)"'                
            WHEN min(h.temp) >= 23 and min(h.temp) <= 24.2 THEN 'data-style="background-color:rgb(102,255,0)"'                
            WHEN min(h.temp) >= 24.2 and min(h.temp) <= 25.1 THEN 'data-style="background-color:rgb(142,255,0)"'               
            WHEN min(h.temp) >= 25.1 and min(h.temp) <= 26 THEN 'data-style="background-color:rgb(174,255,0)"'             
            WHEN min(h.temp) >= 26 and min(h.temp) <= 27.2 THEN 'data-style="background-color:rgb(206,255,0)"'               
            WHEN min(h.temp) >= 27.2 and min(h.temp) <= 28.1 THEN 'data-style="background-color:rgb(244,255,0)"'              
            WHEN min(h.temp) >= 28.1 and min(h.temp) <= 29 THEN 'data-style="background-color:rgb(255,237,0)"'            
            WHEN min(h.temp) >= 29 and min(h.temp) <= 30.2 THEN 'data-style="background-color:rgb(255,206,0)"'  
            WHEN min(h.temp) >= 30.2 and min(h.temp) <= 31.1 THEN 'data-style="background-color:rgb(255,167,0)"'               
            WHEN min(h.temp) >= 31.1 and min(h.temp) <= 32 THEN 'data-style="background-color:rgb(255,135,0)"'                
            WHEN min(h.temp) >= 32 and min(h.temp) <= 33.2 THEN 'data-style="background-color:rgb(255,102,0)"'               
            WHEN min(h.temp) >= 33.2 and min(h.temp) <= 34.1 THEN 'data-style="background-color:rgb(255,64,0)"' 
            WHEN min(h.temp) >= 34.1 and min(h.temp) <= 35 THEN 'data-style="background-color:rgb(255,32,0)"'            
            WHEN min(h.temp) >= 35  THEN 'data-style="background-color:rgb(255,0,0)"'                 
            ELSE NULL
               END css_style_min
from HANGINGTHREAD_SILO a
left join IOT_DEVICES b on b.ID = a.DEVICES_ID and b.ORGANIZATION = a.ORGANIZATIONS
left join SILO_SENSOR v on v.DEVICES_ID = b.outguid and v.ORGANIZATIONS = b.ORGANIZATION 
left join TEMPR_SILO h on h.name = v.NAME and h.ORGANIZATIONS = v.ORGANIZATIONS 
left join SILO z on z.id = a.ID_SILO
where TRIM(z.name) = TRIM('1201') and z.ORGANIZATION = 181
   
group by 
  z.name , 
  v.NAME_LVL
        
 ORDER BY      v.NAME_LVL desc

<!-- begin snippet: js hide: false console: true babel: false -->

我认为您真的需要问问自己....为什么要在同一页面上加载 150 个区域。这有什么业务需求?为什么用户需要同时在同一页面上查看所有 150 个区域?

如果我是你,我会把页面拆掉。这是最终用户的信息过载(而且看起来很混乱)。

为了后代...我在网上与用户会面,以更好地了解他们试图解决的问题。页面上 150 多个区域中的每一个区域都在 where 子句中使用具有不同值集的相同查询。虽然视觉上很吸引人,但 运行 同一页面上如此多的查询对性能的影响 - 以及每个区域必须单独维护的事实 - 太多了。

我建议在以前用于对各个区域进行分组的字段上使用带有控制中断的单个交互式报告。该解决方案表现完美,并受益于利用 Interactive Reports 的所有其他功能,例如过滤(而不是使用选项卡来显示区域组)、图表等。