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

Expanding one accordion item in the view

本文关键字:一个 手风琴 项目 视图      更新时间:2023-09-26

我有一个表单,在中只有一个手风琴项目(以显示有关其他内容的附加信息)。但似乎一个手风琴项目不想正确地折叠/展开。如果我设置了collapsed:false,它根本无法折叠。如果是collapsed:true,则它只能展开一次,然后永远不会塌陷。

我怀疑问题出在填充一个确定的高度上,但我自己无法解决。

我做错了什么?

这里有一个简短的代码预览:

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

完整片段

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

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

http://webix.com/snippet/cff77257

嘿,我在结构中做了一些变通办法。请检查图片中的代码,它可以根据您的要求与手风琴配合使用。重组代码

我认为Accordian控件的本质是始终显示至少一个项。所以你在强迫它做一些不是设计用来做的事情

为什么不使用类似jquery隐藏/显示的东西来显示额外的信息?