关于多个panel，展开一个收缩其它panel的问题

ioco

1. function onpanelclick(e) {
   
2.         var pan = e.sender;
   
3.         var panel1 = mini.get("pm");
   
4.         var panel2 = mini.get("tv");
   
5.         var panel3 = mini.get("dt");
   
6.         if (pan.id === 'pm') {
   
7.             panel1.setExpanded(true);
   
8.             panel2.setExpanded(false);
   
9.             panel3.setExpanded(false);
   
10.         }
    
11.         else if (pan.id==='tv') {
    
12.             panel1.setExpanded(false);
    
13.             panel2.setExpanded(true);
    
14.             panel3.setExpanded(false);
    
15.         }
    
16.         else if (pan.id === 'dt') {
    
17.             panel1.setExpanded(false);
    
18.             panel2.setExpanded(false);
    
19.             panel3.setExpanded(true);
    
20.         } else {
    
21.             panel1.setExpanded(false);
    
22.             panel2.setExpanded(false);
    
23.             panel3.setExpanded(false);
    
24.         }
    
25.     }

复制代码

三个panel用onbuttonclick触发，展开一个时折叠其它，调试时发现setExpanded(true)生效，但在执行完毕后三个都会折叠并导致iframe刷新。

felt

1. function onButtonClick(e) {
   
2.                 var p1 = mini.get("p1");
   
3.                 var p2 = mini.get("p2");
   
4.                 var p3 = mini.get("p3");
   
5.                 if (e.sender.id == "p1") {
   
6.                         if (p1.getExpanded()) {
   
7. 
   
8.                         } else {
   
9.                                 p2.setExpanded(false);
   
10.                                 p3.setExpanded(false);
    
11.                         }
    
12.                 } else if (e.sender.id == "p2") {
    
13.                         if (p2.getExpanded()) {
    
14. 
    
15.                         } else {
    
16.                                 p1.setExpanded(false);
    
17.                                 p3.setExpanded(false);
    
18.                         }
    
19.                 } else {
    
20.                         if (p3.getExpanded()) {
    
21. 
    
22.                         } else {
    
23.                                 p1.setExpanded(false);
    
24.                                 p2.setExpanded(false);
    
25.                         }
    
26.                 }
    
27.         }

复制代码

按你的逻辑应该这样
不过你这个可以用outlookbar这个控件，默认都这样的处理

ioco

felt 发表于 2016-2-23 16:37
按你的逻辑应该这样
不过你这个可以用outlookbar这个控件，默认都这样的处理 ...

就是这个效果