GwtBootstrap3 하위 메뉴가있는 NavBar

Question

GWTBoostrap3을 사용하기 시작했습니다. 내 가장 큰 필요는 하위 메뉴가 포함 된 메뉴를 만드는 것입니다.이 메뉴는 동적이어야하므로 Java에서해야합니다. 그것은

final ListDropDown listDropDown = new ListDropDown(); 
AnchorButton anchorButton = new AnchorButton(ButtonType.INFO); 
anchorButton.setText("btn1"); 
DropDownMenu dropDownMenu = new DropDownMenu(); 
AnchorListItem anchorListItemd = new AnchorListItem("Item 1"); 
dropDownMenu.add(anchorListItemd); 
anchorButton.setDataToggle(Toggle.DROPDOWN); 
listDropDown.add(anchorButton); 
listDropDown.add(dropDownMenu); 


final ListDropDown listDropDown2 = new ListDropDown(); 
final AnchorButton anchorButton2 = new AnchorButton(ButtonType.INFO); 
anchorButton2.setText("Item 2"); 
DropDownMenu dropDownMenu2 = new DropDownMenu(); 
dropDownMenu2.setStyleName("dropdown-submenu"); 
dropDownMenu2.add(new AnchorListItem("Item 1")); 
HTML child = new HTML(); 
child.addStyleName("caret"); 
anchorButton2.add(child); 
anchorButton2.addClickHandler(new ClickHandler() { 

    @Override 
    public void onClick(ClickEvent event) { 
     anchorButton2.removeStyleName("dropdown-toggle"); 
     listDropDown.addStyleName("open"); 
     if(!listDropDown2.getStyleName().contains("open")){ 
      listDropDown2.addStyleName("open");     
     }else{ 
      listDropDown2.removeStyleName("open"); 
     } 

    } 
}); 
listDropDown2.add(anchorButton2); 
anchorButton2.removeStyleName("dropdown-toggle"); 
listDropDown2.add(dropDownMenu2); 


dropDownMenu.add(listDropDown2); 

Answer 1

부트 스트랩 3 does not support submenus .... Gwt MenuBar

내 시도 같은 것입니다. 이것은 부트 스트랩 3이 모바일 최초의 프레임 워크이고 하위 메뉴가 모바일에서 의미가 없기 때문입니다.

여전히 하위 메뉴를 사용하려면 easily add them yourself을 사용할 수 있습니다. 앱에 어딘가에 참조 된 CSS를 추가해야합니다. 여기에는 DropDownSubmenu 위젯이 있습니다. DropDownMenu과 매우 비슷하지만 dropdown-menu 대신 dropdown-submenu 스타일을 사용합니다.