Display table row with DetailViewer (Smart GWT) : Table Column Row « GWT « Java






Display table row with DetailViewer (Smart GWT)

Display table row with DetailViewer (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 com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.smartgwt.client.data.Criteria;
import com.smartgwt.client.data.DSCallback;
import com.smartgwt.client.data.DSRequest;
import com.smartgwt.client.data.DSResponse;
import com.smartgwt.client.data.DataSource;
import com.smartgwt.client.data.Record;
import com.smartgwt.client.data.fields.DataSourceBooleanField;
import com.smartgwt.client.data.fields.DataSourceDateField;
import com.smartgwt.client.data.fields.DataSourceFloatField;
import com.smartgwt.client.data.fields.DataSourceIntegerField;
import com.smartgwt.client.data.fields.DataSourceLinkField;
import com.smartgwt.client.data.fields.DataSourceTextField;
import com.smartgwt.client.types.VisibilityMode;
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.grid.ListGrid;
import com.smartgwt.client.widgets.grid.ListGridField;
import com.smartgwt.client.widgets.grid.events.RecordClickEvent;
import com.smartgwt.client.widgets.grid.events.RecordClickHandler;
import com.smartgwt.client.widgets.layout.HLayout;
import com.smartgwt.client.widgets.layout.SectionStack;
import com.smartgwt.client.widgets.layout.SectionStackSection;
import com.smartgwt.client.widgets.layout.VLayout;
import com.smartgwt.client.widgets.viewer.DetailViewer;

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

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

  public Canvas getViewPanel() {


    CountryXmlDS countryDS = CountryXmlDS.getInstance();

    SectionStack printStack = new SectionStack();
    printStack.setVisibilityMode(VisibilityMode.MULTIPLE);
    printStack.setWidth(400);
    printStack.setHeight(455);


    final DetailViewer printViewer = new DetailViewer();
    printViewer.setDataSource(countryDS);
    printViewer.setWidth100();
    printViewer.setMargin(15);
    printViewer.setEmptyMessage("Select a country to view its details");

    final ListGrid printGrid = new ListGrid();
    printGrid.setHeight(150);
    printGrid.setAlternateRecordStyles(true);

    printGrid.setDataSource(countryDS);

    ListGridField countryCode = new ListGridField("countryCode", "Code", 50);
    ListGridField countryName = new ListGridField("countryName", "Country");
    ListGridField capital = new ListGridField("capital", "Capital");
    ListGridField continent = new ListGridField("continent", "Continent");
    printGrid.setFields(countryCode, countryName, capital, continent);

    printGrid.addRecordClickHandler(new RecordClickHandler() {
        public void onRecordClick(RecordClickEvent event) {
            printViewer.setData(new Record[]{event.getRecord()});
        }
    });

    SectionStackSection countriesSection = new SectionStackSection("Countries");
    countriesSection.setExpanded(true);
    countriesSection.addItem(printGrid);
    printStack.addSection(countriesSection);

    SectionStackSection detailsSection = new SectionStackSection("Country Details");
    detailsSection.setExpanded(true);
    detailsSection.addItem(printViewer);
    printStack.addSection(detailsSection);


    final VLayout printContainer = new VLayout(10);


    HLayout printButtonLayout = new HLayout(5);

    IButton newButton = new IButton("New");
    newButton.setDisabled(true);
    IButton changeButton = new IButton("Change");
    changeButton.setDisabled(true);
    IButton printPreviewButton = new IButton("Print Preview");
    printPreviewButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Canvas.showPrintPreview(printContainer);
        }
    });
    printButtonLayout.addMember(newButton);
    printButtonLayout.addMember(changeButton);
    printButtonLayout.addMember(printPreviewButton);

    printContainer.addMember(printStack);
    printContainer.addMember(printButtonLayout);


    // The filter is just to limit the number of records in the ListGrid - we don't want to print them all
    printGrid.filterData(new Criteria("CountryName", "land"), new DSCallback() {
        public void execute(DSResponse response, Object rawData, DSRequest request) {
            printGrid.selectRecord(0);
            printViewer.setData(new Record[]{printGrid.getSelectedRecord()});
        }
    });

    return printContainer;

  }

}


class CountryXmlDS extends DataSource {

  private static CountryXmlDS instance = null;

  public static CountryXmlDS getInstance() {
    if (instance == null) {
      instance = new CountryXmlDS("countryDS");
    }
    return instance;
  }

  public CountryXmlDS(String id) {

    setID(id);
    setRecordXPath("/List/country");
    DataSourceIntegerField pkField = new DataSourceIntegerField("pk");
    pkField.setHidden(true);
    pkField.setPrimaryKey(true);

    DataSourceTextField countryCodeField = new DataSourceTextField("countryCode", "Code");
    countryCodeField.setRequired(true);

    DataSourceTextField countryNameField = new DataSourceTextField("countryName", "Country");
    countryNameField.setRequired(true);

    DataSourceTextField capitalField = new DataSourceTextField("capital", "Capital");
    DataSourceTextField governmentField = new DataSourceTextField("government", "Government", 500);

    DataSourceBooleanField memberG8Field = new DataSourceBooleanField("member_g8", "G8");

    DataSourceTextField continentField = new DataSourceTextField("continent", "Continent");
    continentField.setValueMap("Europe", "Asia", "North America", "Australia/Oceania",
        "South America", "Africa");

    DataSourceDateField independenceField = new DataSourceDateField("independence", "Nationhood");
    DataSourceFloatField areaField = new DataSourceFloatField("area", "Area (km²)");
    DataSourceIntegerField populationField = new DataSourceIntegerField("population", "Population");
    DataSourceFloatField gdpField = new DataSourceFloatField("gdp", "GDP ($M)");
    DataSourceLinkField articleField = new DataSourceLinkField("article", "Info");

    setFields(pkField, countryCodeField, countryNameField, capitalField, governmentField,
        memberG8Field, continentField, independenceField, areaField, populationField, gdpField,
        articleField);

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

   
    
    
  








SmartGWT.zip( 9,880 k)

Related examples in the same category

1.Changing Column Align Sample (Smart GWT)Changing Column Align Sample (Smart GWT)
2.Show/hide column (Smart GWT)Show/hide column (Smart GWT)
3.Resizable table column (Smart GWT)Resizable table column (Smart GWT)
4.Predefined table column dropdown menu (Smart GWT)Predefined table column dropdown menu (Smart GWT)
5.Sortable column (Smart GWT)
6.Update column title (Smart GWT)Update column title (Smart GWT)
7.Autofit column (Smart GWT)Autofit column (Smart GWT)
8.CheckBox row header (Smart GWT)CheckBox row header (Smart GWT)
9.Disabled Table Rows Sample (Smart GWT)Disabled Table Rows Sample (Smart GWT)
10.Autofit row (Smart GWT)Autofit row (Smart GWT)
11.Set Alternate Record Styles (Smart GWT)Set Alternate Record Styles (Smart GWT)
12.Table row single click event/double click event (Smart GWT)Table row single click event/double click event (Smart GWT)
13.Click to select or deselect any row in the grid (Smart GWT)Click to select or deselect any row in the grid (Smart GWT)
14.Aggregation row (Ext GWT)Aggregation row (Ext GWT)
15.Grouped table column (Ext GWT)Grouped table column (Ext GWT)
16.Add button to table column (Ext GWT)Add button to table column (Ext GWT)
17.Column config menu (Ext GWT)Column config menu (Ext GWT)
18.Click table column to sort table (Ext GWT)Click table column to sort table (Ext GWT)
19.Using CheckBox as the row header (Ext GWT)Using CheckBox as the row header (Ext GWT)
20.Add row expander (Ext GWT)Add row expander (Ext GWT)
21.Auto height grid (Ext GWT)Auto height grid (Ext GWT)