1

任何人都可以请提及如何以编程方式打开/折叠引导手风琴。这是我用于 ACCORDION 小部件的 uibinder xml。我想折叠它我的 uibinder java 类。

<b:Accordion>
<b:AccordionGroup heading="COMPARE" ui:field="compareAccordion">
    .
    .
    .
</b:AccordionGroup>                     
</b:Accordion>
4

4 回答 4

1

当我遇到这个时，我的手风琴会在调用 hide() 或 show() 后锁定。我发现我必须将 hide() 和 show() 放在一个延迟命令中：

void expandAndCollapseGroups(final Collection<AccordionGroup> expand,
        final Collection<AccordionGroup> collapse) {
    Scheduler.get().scheduleDeferred(new Scheduler.ScheduledCommand() {
        @Override
        public void execute() {
            for (AccordionGroup accordionGroup : expand) {
                accordionGroup.show();
            }
            for (AccordionGroup accordionGroup : collapse) {
                accordionGroup.hide();
            }
        }
    });
}
于 2013-08-14T16:33:08.533 回答
0

compareAccordion.show()打开和compareAccordion.hide()折叠应该工作。

于 2013-07-22T12:43:13.537 回答
0

当然，看看这里：

http://twitter.github.io/bootstrap/javascript.html#collapse

$(".collapse").collapse();

有关如何在 GWT 中使用该 Javascript 代码，请查看此问题以及其中提到的ScriptInjector的链接。

编辑：做了一些研究，你应该检查你的标记，以确保你真的在使用上面那个 Twitter Bootstrap 链接中提到的可折叠。如果没有，请尝试Collapse 类。

于 2013-07-17T00:01:15.540 回答
0

我用了：

$('#collapse_id').collapse('show');

并且工作正常，与单击完全相同：

<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse_id">
  Collapsible Group Item #1
</button>

我在一组可折叠的 div（手风琴）中使用它，它的行为正常（打开一个将关闭最近打开的一个）

于 2018-12-02T09:28:21.723 回答