GwtChosen 1.1.0 と GwtQuery 1.3.3 を使用しています。RootLayoutPanel ウィジェットではなく、RootPanel ウィジェットでのみうまくいくようです。
RootLayoutPanel で使用できないことは、GwtChosen の既知の制限ですか?
以下のサンプルコードとスクリーンショット。RootLayoutPanel サンプルは、スタック内の GWTChosen ウィジェットのドロップダウンを隠しているため、使用できないままになっていることに注意してください。
public void onModuleLoad() {
if ( !ChosenListBox.isSupported() )
{
$( "#browserWarning" ).show();
}
ChosenListBox chosen = new ChosenListBox( true );
// init default place holder text
chosen.setPlaceholderText( "Choose your favourite chart..." );
chosen.setWidth( "300px" );
chosen.setMaxSelectedOptions( 4 );
chosen.addChosenChangeHandler( new ChosenChangeHandler()
{
public void onChange( ChosenChangeEvent event )
{
}
} );
chosen.addGroup( "Simple" );
chosen.addItemToGroup( "line" );
chosen.addItemToGroup( "bar" );
chosen.addItemToGroup( "pie" );
chosen.addItemToGroup( "area" );
//StackPanel stackpanel = new StackPanel();
//stackpanel.add(chosen, "Choose");
//stackpanel.add(wrapper, "Charts");
//stackpanel.setHeight("150px");
//RootPanel.get().add(stackpanel);
StackLayoutPanel stackLayoutPanel = new StackLayoutPanel( Unit.EM );
stackLayoutPanel.add( chosen, "Choose", 2 );
stackLayoutPanel.setHeight( "150px" );
RootLayoutPanel.get().add( stackLayoutPanel );
}