Bootstrap 如何以编程方式打开/折叠GWT引导程序可折叠面板

lvmkulzt  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(4)|浏览(224)

有没有人可以告诉我如何打开/折叠引导程序折叠。这是我的uibinder xml为ACCORDION部件。我想折叠它我的uibinder java类。

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

hfsqlsce1#

当我遇到这种情况时,我的 accordion 在调用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();
            }
        }
    });
}
6tdlim6h

6tdlim6h2#

当然,请看这里:
http://twitter.github.io/bootstrap/javascript.html#collapse

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

要了解如何在GWT中使用Javascript代码,请查看this question以及其中提到的ScriptInjector链接。
编辑:做了一些研究,你应该检查你的标记,以确保你真的使用了上面Twitter引导程序链接中提到的可折叠代码。如果不是,试试Collapse class

i34xakig

i34xakig3#

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

raogr8fs

raogr8fs4#

我用了:

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

工作正常,与单击完全相同:

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

我在一组可折叠的divs( accordion )中使用它,它的行为正常(打开一个将关闭最近打开的一个)

相关问题