asquare.gwt.tkdemo.client.demos.DropDownPanelPanel.java Source code

Introduction

Here is the source code for asquare.gwt.tkdemo.client.demos.DropDownPanelPanel.java

Source

/*
 * Copyright 2007 Mat Gessel <mat.gessel@gmail.com>
 * 
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */
package asquare.gwt.tkdemo.client.demos;

import asquare.gwt.tk.client.ui.*;
import asquare.gwt.tk.client.util.DomUtil;

import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.ui.*;

public class DropDownPanelPanel extends Composite {
    public DropDownPanelPanel() {
        HorizontalPanel outer = new HorizontalPanel();
        outer.setSize("100%", "100%");

        initWidget(outer);

        BasicPanel left = new BasicPanel();
        left.addStyleName("division");
        DomUtil.setAttribute(left, "id", "dropDown-left");

        DropDownPanel dropDown1 = new DropDownPanel();
        DomUtil.setAttribute(dropDown1, "id", "dropDown-1");
        dropDown1.setHeaderText("Drop Down 1", false);
        HTML dd1Content = new HTML("This DropDownPanel uses CSS to change the header image.");
        dropDown1.add(dd1Content);
        dropDown1.setOpen(true);
        left.add(dropDown1);

        final DropDownPanel dropDown2 = new DropDownPanel();
        DomUtil.setAttribute(dropDown2, "id", "dropDown-2");
        final String closedHeader = "<img src='triangle.gif'/>&nbsp;Drop Down 2";
        final String openHeader = "<img src='opentriangle.gif'/>&nbsp;Drop Down 2";
        dropDown2.setHeaderText(closedHeader, true);
        dropDown2.addDropDownListener(new DropDownListener() {
            public void dropDownClosed(DropDownPanel sender) {
                dropDown2.setHeaderText(closedHeader, true);
            }

            public void dropDownOpened(DropDownPanel sender) {
                dropDown2.setHeaderText(openHeader, true);
            }
        });
        HTML dd2Content = new HTML("This DropDownPanel uses a listener to change the header image.");
        dropDown2.add(dd2Content);
        dropDown2.setOpen(true);
        left.add(dropDown2);

        outer.add(left);
        outer.setCellWidth(left, "1px");

        String content = "<H2>DropDownPanel</H2>"
                + "<p>This widget consists of a hideable content DIV and an optional header DIV.</p>"
                + "<p>The content can be <span id='open'></span>&nbsp;&amp; <span id='close'></span>&nbsp;programatically.</p>"
                + "<p>The headers prevent selection of the text within them. In IE this is done in a special implementation using an <code>onselectstart</code> listener which returns <code>false</code>. In other browsers, <code>DOM.eventPreventDefault(Event)</code> for <code>Event.ONMOUSEDOWN</code> suffices. </p>"
                + "<p>You can add a listener to the DropDownPanel and make layout changes when the it opens/closes (e.g. maximize its parent element when it opens). </p>"
                + "<p><em>Note: we cannot put a border around the Drop Down 1 header because in IE the background image would be obscured by the border.</em></p>";
        DropDownPanel dropDown3 = new DropDownPanel();
        dropDown3.addStyleName("division");
        DomUtil.setAttribute(dropDown3, "id", "dropDown-3");
        dropDown3.setHeaderText("Drop&nbsp;Down&nbsp;3", true);
        HTMLPanel center = new HTMLPanel(content);
        center.addStyleName("description");
        SimpleHyperLink close = new SimpleHyperLink("hidden");
        SimpleHyperLink open = new SimpleHyperLink("shown");
        center.add(close, "close");
        center.add(open, "open");
        dropDown3.add(center);
        dropDown3.setOpen(true);
        outer.add(dropDown3);

        final DropDownPanel dropDown4 = new DropDownPanel();
        dropDown4.addStyleName("division");
        DomUtil.setAttribute(dropDown4, "id", "dropDown-4");
        Image image = new Image("icecube.jpg");
        image.setSize("200px", "250px");
        dropDown4.add(image);
        outer.add(dropDown4);
        outer.setCellWidth(dropDown4, "1px");

        open.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
                dropDown4.setOpen(true);
            }
        });
        close.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
                dropDown4.setOpen(false);
            }
        });
    }
}