Filter Sort Tiling Sample (Smart GWT) : Tile « GWT « Java






Filter Sort Tiling Sample (Smart GWT)

Filter Sort Tiling Sample (Smart GWT)
  
/*
 * SmartGWT (GWT for SmartClient)
 * Copyright 2008 and beyond, Isomorphic Software, Inc.
 *
 * SmartGWT is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License version 3
 * as published by the Free Software Foundation.  SmartGWT is also
 * available under typical commercial license terms - see
 * http://smartclient.com/license
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 */


package com.smartgwt.sample.showcase.client;

import java.util.LinkedHashMap;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.smartgwt.client.data.DSRequest;
import com.smartgwt.client.data.DataSource;
import com.smartgwt.client.data.fields.DataSourceImageField;
import com.smartgwt.client.data.fields.DataSourceIntegerField;
import com.smartgwt.client.data.fields.DataSourceTextField;
import com.smartgwt.client.types.OperatorId;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.IButton;
import com.smartgwt.client.widgets.events.ClickEvent;
import com.smartgwt.client.widgets.events.ClickHandler;
import com.smartgwt.client.widgets.form.DynamicForm;
import com.smartgwt.client.widgets.form.events.ItemChangedEvent;
import com.smartgwt.client.widgets.form.events.ItemChangedHandler;
import com.smartgwt.client.widgets.form.fields.CheckboxItem;
import com.smartgwt.client.widgets.form.fields.SelectItem;
import com.smartgwt.client.widgets.form.fields.SliderItem;
import com.smartgwt.client.widgets.form.fields.TextItem;
import com.smartgwt.client.widgets.layout.HLayout;
import com.smartgwt.client.widgets.layout.VStack;
import com.smartgwt.client.widgets.tile.TileGrid;
import com.smartgwt.client.widgets.viewer.CellStyleHandler;
import com.smartgwt.client.widgets.viewer.DetailFormatter;
import com.smartgwt.client.widgets.viewer.DetailViewerField;
import com.smartgwt.client.widgets.viewer.DetailViewerRecord;

public class Showcase implements EntryPoint {
  public void onModuleLoad() {

    RootPanel.get().add(getViewPanel());
  }

  public Canvas getViewPanel() {

    VStack vStack = new VStack(20);
    vStack.setWidth100();

    final TileGrid tileGrid = new TileGrid();
    tileGrid.setTileWidth(150);
    tileGrid.setTileHeight(205);
    tileGrid.setHeight(400);
    tileGrid.setShowAllRecords(true);
    tileGrid.setDataSource(AnimalXmlDS.getInstance());
    tileGrid.setAutoFetchData(true);
    tileGrid.setAnimateTileChange(true);

    DetailViewerField pictureField = new DetailViewerField("picture");
    DetailViewerField commonNameField = new DetailViewerField("commonName");
    commonNameField.setCellStyle("commonName");

    DetailViewerField lifeSpanField = new DetailViewerField("lifeSpan");
    lifeSpanField.setCellStyle("lifeSpan");
    lifeSpanField.setDetailFormatter(new DetailFormatter() {
      public String format(Object value, DetailViewerRecord record, DetailViewerField field) {
        return "Lifespan: " + value;
      }
    });

    DetailViewerField statusField = new DetailViewerField("status");
    statusField.setCellStyleHandler(new CellStyleHandler() {
      public String execute(Object value, DetailViewerField field, DetailViewerRecord record) {
        if ("Endangered".equals(value)) {
          return "endangered";
        } else if ("Threatened".equals(value)) {
          return "threatened";
        } else if ("Not Endangered".equals(value)) {
          return "notEndangered";
        } else {
          return null;
        }
      }
    });
    tileGrid.setFields(pictureField, commonNameField, lifeSpanField, statusField);

    vStack.addMember(tileGrid);

    final DynamicForm filterForm = new DynamicForm();
    filterForm.setIsGroup(true);
    filterForm.setGroupTitle("Search");
    filterForm.setNumCols(6);
    filterForm.setDataSource(AnimalXmlDS.getInstance());
    filterForm.setAutoFocus(false);

    TextItem commonNameItem = new TextItem("commonName");
    SliderItem lifeSpanItem = new SliderItem("lifeSpan");
    lifeSpanItem.setTitle("Max Life Span");
    lifeSpanItem.setMinValue(1);
    lifeSpanItem.setMaxValue(60);
    lifeSpanItem.setDefaultValue(60);
    lifeSpanItem.setHeight(50);
    lifeSpanItem.setOperator(OperatorId.LESS_THAN);

    SelectItem statusItem = new SelectItem("status");
    statusItem.setOperator(OperatorId.EQUALS);
    statusItem.setAllowEmptyValue(true);

    filterForm.setFields(commonNameItem, lifeSpanItem, statusItem);

    filterForm.addItemChangedHandler(new ItemChangedHandler() {
      public void onItemChanged(ItemChangedEvent event) {
        tileGrid.fetchData(filterForm.getValuesAsCriteria());
      }
    });

    vStack.addMember(filterForm);

    final DynamicForm sortForm = new DynamicForm();
    sortForm.setIsGroup(true);
    sortForm.setGroupTitle("Sort");
    sortForm.setAutoFocus(false);
    sortForm.setNumCols(6);

    SelectItem sortItem = new SelectItem();
    sortItem.setName("sortBy");
    sortItem.setTitle("Sort By");

    LinkedHashMap valueMap = new LinkedHashMap();
    valueMap.put("commonName", "Animal");
    valueMap.put("lifeSpan", "Life Span");
    valueMap.put("status", "Endangered Status");

    sortItem.setValueMap(valueMap);

    final CheckboxItem ascendingItem = new CheckboxItem("chkSortDir");
    ascendingItem.setTitle("Ascending");

    sortForm.setFields(sortItem, ascendingItem);

    sortForm.addItemChangedHandler(new ItemChangedHandler() {
      public void onItemChanged(ItemChangedEvent event) {
        String sortVal = sortForm.getValueAsString("sortBy");
        Boolean sortDir = (Boolean) ascendingItem.getValue();
        if (sortDir == null)
          sortDir = false;
        if (sortVal != null) {
          tileGrid.sortByProperty(sortVal, sortDir);
        }
      }
    });
    vStack.addMember(sortForm);

    HLayout hLayout = new HLayout(10);
    hLayout.setHeight(22);

    IButton filterButton = new IButton("Filter");
    filterButton.addClickHandler(new ClickHandler() {
      public void onClick(ClickEvent event) {
        tileGrid.fetchData(filterForm.getValuesAsCriteria());
      }
    });
    filterButton.setAutoFit(true);

    IButton clearButton = new IButton("Clear");
    clearButton.setAutoFit(true);
    clearButton.addClickHandler(new ClickHandler() {
      public void onClick(ClickEvent event) {
        tileGrid.fetchData();
        filterForm.clearValues();
        sortForm.clearValues();
      }
    });

    hLayout.addMember(filterButton);
    hLayout.addMember(clearButton);
    vStack.addMember(hLayout);

    return vStack;
  }

}

class AnimalXmlDS extends DataSource {

  private static AnimalXmlDS instance = null;

  public static AnimalXmlDS getInstance() {
    if (instance == null) {
      instance = new AnimalXmlDS("animalDS");
    }
    return instance;
  }

  public AnimalXmlDS(String id) {

    setID(id);
    setRecordXPath("/List/Object");
    DataSourceTextField commonNameField = new DataSourceTextField("commonName", "Animal");

    DataSourceTextField scientificName = new DataSourceTextField("scientificName",
        "Scientific Name");
    scientificName.setRequired(true);
    scientificName.setPrimaryKey(true);

    DataSourceIntegerField lifeSpanField = new DataSourceIntegerField("lifeSpan", "Life Span");

    DataSourceTextField statusField = new DataSourceTextField("status", "Endangered Status");
    statusField.setValueMap("Threatened", "Endangered", "Not Endangered", "Not currently listed",
        "May become threatened", "Protected");

    DataSourceTextField dietField = new DataSourceTextField("diet", "Diet");

    DataSourceTextField infoField = new DataSourceTextField("information", "Interesting Facts");
    infoField.setLength(1000);

    DataSourceImageField pictureField = new DataSourceImageField("picture", "Picture");
    pictureField.setImageURLPrefix("animals/");

    setFields(commonNameField, scientificName, lifeSpanField, statusField, dietField, infoField,
        pictureField);

    setDataURL("ds/test_data/animals.data.xml");
    setClientOnly(true);
  }

  protected Object transformRequest(DSRequest dsRequest) {
    return super.transformRequest(dsRequest);
  }
}

   
    
  








SmartGWT.zip( 9,880 k)

Related examples in the same category

1.SmartGWT can display data in a tiled view(Mouse rollovers, click to select (shift- and ctrl-click for multi-select)) (Smart GWT)SmartGWT can display data in a tiled view(Mouse rollovers, click to select (shift- and ctrl-click for multi-select)) (Smart GWT)
2.Tiled views can be connected to editors. (Smart GWT)Tiled views can be connected to editors. (Smart GWT)
3.Load On Demand Tiling Sample (Smart GWT)Load On Demand Tiling Sample (Smart GWT)
4.Drag and drop between Tile and ListGrid (Smart GWT)Drag and drop between Tile and ListGrid (Smart GWT)
5.Using Title to display images (Smart GWT)Using Title to display images (Smart GWT)
6.Node Titles Tree Sample (Smart GWT)Node Titles Tree Sample (Smart GWT)