Question

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

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

Answer 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();
            }
        }
    });
}

Answer 2

当然，看看这里：

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

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

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

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

Answer 3

compareAccordion.show()打开并compareAccordion.hide()崩溃应该有效。

Answer 4

我用过：

npm install lowdb

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

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

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

如何以编程方式打开/折叠GWT Bootstrap Accordion

4 个答案: