GWT Java

  1. Home
  2. Java
  3. GWT
  4. Combo with Templates and Ajax (Ext GWT)
/*
 * Ext GWT - Ext for GWT
 * Copyright(c) 2007-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */
package com.google.gwt.sample.hello.client;
import java.util.Date;
import com.extjs.gxt.ui.client.data.BasePagingLoader;
import com.extjs.gxt.ui.client.data.DataField;
import com.extjs.gxt.ui.client.data.JsonPagingLoadResultReader;
import com.extjs.gxt.ui.client.data.LoadEvent;
import com.extjs.gxt.ui.client.data.Loader;
import com.extjs.gxt.ui.client.data.ModelData;
import com.extjs.gxt.ui.client.data.ModelType;
import com.extjs.gxt.ui.client.data.PagingLoadResult;
import com.extjs.gxt.ui.client.data.PagingLoader;
import com.extjs.gxt.ui.client.data.ScriptTagProxy;
import com.extjs.gxt.ui.client.event.Listener;
import com.extjs.gxt.ui.client.store.ListStore;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.VerticalPanel;
import com.extjs.gxt.ui.client.widget.form.ComboBox;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.ui.RootPanel;
public class Hello implements EntryPoint {
  public void onModuleLoad() {
    RootPanel.get().add(new AdvancedComboBoxExample());
  }
}
class AdvancedComboBoxExample extends LayoutContainer {
  @Override
  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);
    String url = "http://www.extjs.com/forum/topics-remote.php";
    ScriptTagProxy> proxy = new ScriptTagProxy>(url);
    ModelType type = new ModelType();
    type.setRoot("topics");
    type.setTotalName("totalCount");
    type.addField("title", "topic_title");
    type.addField("topicId", "topic_id");
    type.addField("author", "author");
    type.addField("excerpt", "post_text");
    DataField date = new DataField("lastPost", "post_time");
    date.setType(Date.class);
    date.setFormat("timestamp");
    type.addField(date);
    JsonPagingLoadResultReader> reader = new JsonPagingLoadResultReader>(
        type);
    PagingLoader> loader = new BasePagingLoader>(proxy, reader);
    loader.addListener(Loader.BeforeLoad, new Listener() {
      public void handleEvent(LoadEvent be) {
        be. getConfig().set("start", be. getConfig().get("offset"));
      }
    });
    ListStore store = new ListStore(loader);
    ComboBox combo = new ComboBox();
    combo.setWidth(580);
    combo.setDisplayField("title");
    combo.setItemSelector("div.search-item");
    combo.setTemplate(getTemplate());
    combo.setStore(store);
    combo.setHideTrigger(true);
    combo.setPageSize(10);
    VerticalPanel vp = new VerticalPanel();
    vp.setSpacing(10);
    vp.addText("Combo with Templates and Ajax
This is a more advanced example that shows how you can combine paging, XTemplate and a remote data store to create a 'live search' feature.");
    vp.add(combo);
    add(vp);
  }
  private native String getTemplate() /*-{
    return [
    '',
    '

{lastPost:date("MM/dd/y")}by {author}{title}

',
    '{excerpt}',
    '
'
    ].join("");
  }-*/;
}
   
  
Ext-GWT.zip( 4,297 k)