在视图中展开一个手风琴项目

Question

我有一个表格，其中只有一个手风琴项目（以显示有关其他内容的附加信息）。但似乎有一个手风琴项目不想 collapse/expand 正确。如果我设置collapsed:false，它根本无法折叠。如果collapsed:true，它只能展开一次，然后永远不会折叠。

我怀疑是填充确定高度的问题，但我自己解决不了

我做错了什么？

这是一个简短的代码预览：

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

Full snippet

Answer 1

我认为 Accordian 控件的本质是始终显示至少一项。所以你强迫它做一些不是为了这样做而设计的。

为什么不使用 jquery hide/show 之类的东西来显示额外的信息？

Answer 2

嘿，我在结构中做了一些变通方法。请检查图片中的代码，它可以根据您的要求与手风琴一起正常工作。Restructured Code

Answer 3

默认情况下，手风琴确保至少有一个面板始终可见。您可以将 multi:true 添加到手风琴的配置中，以禁用此行为。

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

http://webix.com/snippet/cff77257

在视图中展开一个手风琴项目

Expanding one accordion item in the view

javascript

height

templates

accordion

webix