gwt-widget - gegenseitig-exklusiv-toggle-button

Habe ich angepasst kirushik Lösung und erstellt eine einfache "ToggleButtonPanel" - widget, das dauert über eine beliebige Anzahl von ToggleButtons (und möglicherweise andere widgets, die Sie hinzufügen möchten) und eine Tafel Ihrer Wahl (standardmäßig VerticalPanel), und die Tasten ausschließen.

Was ist schön daran ist, dass das panel selbst feuert ClickEvents, wenn auf die Schaltflächen geklickt wird. Auf diese Weise können Sie fügen Sie eine einzelne ClickHandler der ToggleGroupPanel und dann feststellen, auf welche Schaltfläche geklickt wurde über das Ereignis.getSource()

import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.event.dom.client.HasClickHandlers;
import com.google.gwt.event.shared.HandlerRegistration;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.HasWidgets;
import com.google.gwt.user.client.ui.Panel;
import com.google.gwt.user.client.ui.ToggleButton;
import com.google.gwt.user.client.ui.VerticalPanel;
import com.google.gwt.user.client.ui.Widget;

public class ToggleButtonPanel extends Composite implements HasWidgets, HasClickHandlers{

    public ToggleButtonPanel() {
        this(new VerticalPanel());
    }

    public ToggleButtonPanel(Panel panel){
        this.panel = panel;
        initWidget(panel);
    }

    @Override
    public void add(Widget w) {
        if(w instanceof ToggleButton){
            ToggleButton button = (ToggleButton) w;
            button.addClickHandler(handler);
        }
        panel.add(w);
    }

    @Override
    public void clear() {
        panel.clear();
    }

    @Override
    public Iterator<Widget> iterator() {
        return panel.iterator();
    }

    @Override
    public boolean remove(Widget w) {
        return panel.remove(w);
    }

    @Override
    public void setWidth(String width) {
        panel.setWidth(width);
    };

    @Override
    public void setHeight(String height) {
        panel.setHeight(height);
    }

    private final Panel panel;
    private ClickHandler handler = new ClickHandler(){
        @Override
        public void onClick(ClickEvent event) {
            Iterator<Widget> itr = panel.iterator();
            while(itr.hasNext()){
                Widget w = itr.next();
                if(w instanceof ToggleButton){
                    ToggleButton button = (ToggleButton) w;
                    button.setDown(false);
                    if(event.getSource().equals(button)) {
                        button.setDown(true);
                    }
                }
            }

            for(ClickHandler h : handlers){
                h.onClick(event);
            }
        }
    };

    private List<ClickHandler> handlers = new ArrayList<ClickHandler>();
    @Override
    public HandlerRegistration addClickHandler(final ClickHandler handler) {
        handlers.add(handler);
        return new HandlerRegistration() {

            @Override
            public void removeHandler() {
                handlers.remove(handler);
            }
        };
    }

}

Habe ich etwas, das beide nicht in eine extension-Bibliothek, und nicht von einem panel-wie die anderen Antworten. Definieren Sie diese Klasse verwaltet die Tasten. Wir sind das hinzufügen eines neuen Klick-listener die Schaltflächen, die zusätzlich zu was auch immer click-handler angehängt in der "GUI-Content" Klasse. Ich kann nicht kopieren Sie und fügen Sie diese bei, so hoffentlich ist es syntatically richtig.

    public class MutuallyExclusiveToggleButtonCollection {

      List<ToggleButton> m_toggleButtons = new ArrayList<ToggleButton>();

       public void add(ToggleButton button) {
          m_toggleButtons.add(button);
          button.addClickListener(new ExclusiveButtonClickHandler());
     }

    private class ExclusiveButtonClickHandler impelments ClickHandler {
       public void onClick(ClickEvent event) {
          for(ToggleButton button : m_toggleButtons) {
            boolean isSource = event.getSource().equals(button);
            button.setIsDown(isSource);       
       }

   }

  }

gwt-ext toggleButtons

"Dieses Beispiel veranschaulicht die Tasten. Wenn darauf geklickt wird, solche Buttons wechseln Ihre 'gedrückt' Zustand.

Fett, Kursiv und Unterstreichen die Tasten arbeiten unabhängig voneinander im Hinblick auf Ihre toggle-Zustand, während die text-Ausrichtung die Symbole gehören zu der gleichen toggle-Gruppe und so, wenn einer von Ihnen klicken, werden die zuvor gedrückte Taste wieder zu seiner normalen Zustand."