Erweitern eines Akkordeon-Elements in der Ansicht

Question

Ich habe ein Formular und ein Akkordeon-Element innerhalb (um eine zusätzliche Information über andere Inhalte anzuzeigen). Aber scheint wie ein Akkordeon-Element nicht richtig zusammenzufallen/zu erweitern. Wenn ich collapsed:false einstelle, kann es überhaupt nicht zusammengebrochen werden. Wenn collapsed:true, kann es nur einmal erweitert und dann nie reduziert werden.

Ich vermute, das Problem ist in der Füllung eine bestimmte Höhe, aber ich kann es nicht allein lösen.

Was habe ich falsch gemacht?

Hier eine kurze Vorschau Code:

view:"form", 
elements:[  
    { height:300 }, 
    { 
     view:"accordion",   
     rows:[     
     { 
      view:"accordionitem",   
      height:150, 
      collapsed:true, 
      body:{ 
      template:"" 
      }       
     }   
     ] 
    }, 
    { autoheight:true } 
] 

Full snippet

Answer 1

Standardmäßig stellen Akkordeon sicher, dass mindestens ein Panel immer sichtbar ist. Sie können multi:true der Akkordeon-Konfiguration hinzufügen, um dieses Verhalten zu deaktivieren.

{ 
    view:"accordion", multi:true,    
    rows:[     
     { 
     height:150, 
     collapsed:true, 
     header:"test", 
     body:{ 
      template:"" 
     }       
     }   
    ] 
    }, 

http://webix.com/snippet/cff77257

Answer 2

denke ich, die Art der Accordian Kontrolle ist immer mindestens ein Element zu zeigen. Also zwingst du etwas, was nicht dazu gedacht ist.

Warum verwenden Sie nicht so etwas wie jquery hide/show, um zusätzliche Informationen anzuzeigen?

Answer 3

Hey ich habe ein paar Workarounds in der Struktur. Bitte überprüfen Sie den Code im Bild und es funktioniert gut mit dem Akkordeon, wie Sie es benötigen. Restructured Code