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

时间:2016-08-01 17:04:26

标签: javascript templates height accordion webix

我有一个表格和onlu一个手风琴项目(显示有关其他内容的其他信息)。 但似乎有一个手风琴项目不想正确折叠/扩展。如果我设置collapsed:false,则根本无法折叠。如果collapsed:true,则只能展开一次,然后才会展开。

我怀疑问题是在填充确定的高度,但我不能自己解决。

我做错了什么?

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

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

Full snippet

3 个答案:

答案 0 :(得分:1)

嘿,我在结构中做了一些变通办法。请检查图像中的代码,并根据需要与手风琴一起使用。Restructured Code

答案 1 :(得分:1)

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

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

http://webix.com/snippet/cff77257

答案 2 :(得分:0)

我认为Accordian控制的本质是始终显示至少一个项目。所以你强迫它做一些不是这样做的事情。

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