jQuery UIでGWTのタブコンポーネントを実装してみた

というわけで、昨日書いたやつで実装。

まぁ問題ないみたいだね。まだ、コマンドキューはタブの追加にしか実装してないので、それ以外は貼り付けてからじゃないと動かないってのがつらいけど。

        button1.addClickHandler(new ClickHandler() {
            int i = 0;
            
            public void onClick(ClickEvent event) {
                tabs.addTab("tab"+i , "ついか"+i , new Label("らべる"+i));
                i++;
            }
        });
〜省略〜
        button4.addClickHandler(new ClickHandler() {

            public void onClick(ClickEvent event) {
                Window.alert("現在選択中のタブ：" +tabs.getSelectedIndex());
            }
        });
〜省略〜
        tabs.setWidth("600px");
        tabs.addTab("default1" , "静的なタイトル1",label1);
        tabs.addTab("default2" , "静的なタイトル2",label2);
        RootPanel.get().add(tabs);
        tabs.addTab("default3" , "静的なタイトル3",label3);
        RootPanel.get().add(button1);
        RootPanel.get().add(button2);
        RootPanel.get().add(button3);
        RootPanel.get().add(button4);
        RootPanel.get().add(button5);
        RootPanel.get().add(button6);
        RootPanel.get().add(button7);

こんな感じでRootPanelに貼り付ける前でもaddTabだけはちゃんと動く。