Skip to main content

SuggestBox in GWT UiBuinder

I am currently working also on a project hosted on Google App Engine (http://appspot.com) and I want to share some tips about some of the frameworks offered by the GAE environment.
Today I want to talk about a problem we had using the GWT SuggestBox component while making UiBinder layouts. The class com.google.gwt.user.client.ui.SuggestBox is a text box or text area which displays a pre-configured set of selections that match the user's input. Each SuggestBox is associated with a single com.google.gwt.user.client.ui.SuggestOracle. The SuggestOracle is used to provide a set of selections given a specific query string. Our application provides a method to retrieve suggestions from the backend while a user writes into the SuggestBox. This worked fine with a GWT Java layout, but moving to UiBinder layout we faced the following problem. We added a SuggestBox to a view through the GWT designer. The code generated was the following:

View.ui.xml:
<g:SuggestBox ui:field="fromSuggestBox"/>
View.java:

@UiField
SuggestBox fromSuggestBox;
Then we added to the View class the method to populate the MultiWordSuggestOracle to be passed to the SuggestBox:
private MultiWordSuggestOracle createOracle() {
        MultiWordSuggestOracle oracle = new MultiWordSuggestOracle();
        ...
        // Code to retrieve values
        ...
        return oracle;
}
So we set the attribute provided to true for the @UiField annotation
@UiField(provided = true)
SuggestBox fromSuggestBox;
and tried to manually create the SuggestBox instance into the constructor of the View class before invoking 
the initWidget method
public Tracking(String firstName) {
        SuggestBox fromSuggestBox = new SuggestBox(createOracle());
        initWidget(uiBinder.createAndBindUi(this));
}
But the application throwed an exception at runtime while rendering the view. This doesn't work. The only way to populate a SuggestBox in a UiBinder view is to create the Suggest Box instance while declaring it

@UiField(provided = true)
SuggestBox fromSuggestBox = new SuggestBox(createOracle());
and not inside the View class constructor.


Comments

  1. Thanks a lot.. spend a lot of time in rectifying the error...
    It will work only when we declare like -
    @UiField(provided = true)
    SuggestBox box = new SuggestBox(createOracle());

    ReplyDelete

Post a Comment

Popular posts from this blog

Streamsets Data Collector log shipping and analysis using ElasticSearch, Kibana and... the Streamsets Data Collector

One common use case scenario for the Streamsets Data Collector (SDC) is the log shipping to some system, like ElasticSearch, for real-time analysis. To build a pipeline for this particular purpose in SDC is really simple and fast and doesn't require coding at all. For this quick tutorial I will use the SDC logs as example. The log data will be shipped to Elasticsearch and then visualized through a Kibana dashboard. Basic knowledge of SDC, Elasticsearch and Kibana is required for a better understanding of this post. These are the releases I am referring to for each system involved in this tutorial: JDK 8 Streamsets Data Collector 1.4.0 ElasticSearch 2.3.3 Kibana 4.5.1 Elasticsearch and Kibana installation You should have your Elasticsearch cluster installed and configured and a Kibana instance pointing to that cluster in order to go on with this tutorial. Please refer to the official documentation for these two products in order to complete their installation (if you do

Exporting InfluxDB data to a CVS file

Sometimes you would need to export a sample of the data from an InfluxDB table to a CSV file (for example to allow a data scientist to do some offline analysis using a tool like Jupyter, Zeppelin or Spark Notebook). It is possible to perform this operation through the influx command line client. This is the general syntax: sudo /usr/bin/influx -database '<database_name>' -host '<hostname>' -username '<username>'  -password '<password>' -execute 'select_statement' -format '<format>' > <file_path>/<file_name>.csv where the format could be csv , json or column . Example: sudo /usr/bin/influx -database 'telegraf' -host 'localhost' -username 'admin'  -password '123456789' -execute 'select * from mem' -format 'csv' > /home/googlielmo/influxdb-export/mem-export.csv

Using Rapids cuDF in a Colab notebook

During last Spark+AI Summit Europe 2019 I had a chance to attend a talk from Miguel Martinez  who was presenting Rapids , the new Open Source framework from NVIDIA for GPU accelerated end-to-end Data Science and Analytics. Fig. 1 - Overview of the Rapids eco-system Rapids is a suite of Open Source libraries: cuDF cuML cuGraph cuXFilter I enjoied the presentation and liked the idea of this initiative, so I wanted to start playing with the Rapids libraries in Python on Colab , starting from cuDF, but the first attempt came with an issue that I eventually solved. So in this post I am going to share how I fixed it, with the hope it would be useful to someone else running into the same blocker. I am assuming here you are already familiar with Google Colab. I am using Python 3.x as Python 2 isn't supported by Rapids. Once you have created a new notebook in Colab, you need to check if the runtime for it is set to use Python 3 and uses a GPU as hardware accelerator. You