Sencha Forum - Sencha GXT Q&A

Gxt TextArea error en web mode

darioSchmidtAr — Tue, 21 May 2013 18:47:55 GMT

I have a strange problem
I'm using gxt 3.0.1 and gwt 2.5

The trouble code is as follows:

TextArea textArea = new TextArea();
...
textArea.addValueChangeHandler(....):

In hosted mode everything works

In web mode i obtain the js errors

Any help?

thanks,

wrap off for textarea

kushal.bagaria — Sun, 19 May 2013 07:05:00 GMT

Textarea is wrapping off the line which I don't want. Instead I want a horizontal scroll bar I line exceeds textarea's width. I tried textarea.getElement().setAttribute("wrap","off") but its not working. Same is working for gwt's textarea.

Please suggest some solution.

ListView Can only select one item.

bessette — Fri, 17 May 2013 22:11:43 GMT

Hi

I have a listfield with a listview but the problem is i can only select one item. Any help would be appreciated.

Here's part of my uibinder

Code:

here's snippets my class

Code:

 @UiField Window window;

    @UiField TextButton openButton;

    @UiField TextButton removeButton;

    @UiField TextButton closeButton;

 @UiField(provided = true) final ListField wpsListField;



.......



  interface WpsExecuteDataProperties extends PropertyAccess {

        ModelKeyProvider id();

        @Path("name")

        LabelProvider nameLabel();

        @Path("name")

        ValueProvider nameProp();

      } 

.........



/**

     * 

     */

    WpsExecuteDataProperties data = GWT.create(WpsExecuteDataProperties.class);

  

   private final ListStore wpsStore;

   private List wps;

   private ListView view;

    /**

     * Creates a new {@code OpenDialogBox}.

     * @param catalogService the catalog service proxy

     * @param parent the parent {@code PST}

     * @param userid the user id

     * @param wps the list of network wps

     * @param placeFactory factory for generating new UI components

     */

    public OpenDialogBox(OgpBuilder parent) {

        this.parent = parent;

        this.wpsStore = new ListStore(this.data.id());

        this.view =  new ListView(this.wpsStore, this.data.nameProp());      

        this.wpsListField = new ListField(this.view);

        lookupAllNames();

       this.view.getSelectionModel().setSelectionMode(SelectionMode.SIMPLE);

        uiBinder.createAndBindUi(this);

ListField how does it works ?

sbeex — Fri, 17 May 2013 18:07:57 GMT

Hello,

I'm trying to use a ListField for my application :
Attachment 43860
Based on documentation provided there :
http://docs.sencha.com/gxt-guides/3/...on/Fields.html

I did it :

View.java :

Code:

    @UiField(provided = true)

    ListStore listStore = new ListStore(properties.abbr());        

        

        @UiField(provided = true)

        ListField        applicationList;

        

    private static ApplicationProperties properties = GWT.create(ApplicationProperties.class);

          

    interface ApplicationProperties extends PropertyAccess {

            

      ModelKeyProvider abbr();

      

      LabelProvider name();

      

      @Path("name")

      ValueProvider nameProp();

      

    }        

        

        public interface Binder extends UiBinder {}





        @Inject

        public OpenApplicationDialogView(final EventBus eventBus, final Binder binder) {

                super(eventBus);

                widget = binder.createAndBindUi(this);

                

                openButton.setEnabled(false);

                

                Application testApp = new Application();

                testApp.setName("Test APP");

                testApp.setDescription("App description");

                        

                  listStore.add(testApp);

                        

              ListView listView = new ListView(listStore, properties.nameProp()); 

              applicationList = new ListField(listView);                        

                

        }

View.ui.xml :

Code:

When I run my code I get the following error :

Quote:

com.google.gwt.event.shared.UmbrellaException: Exception caught: UiField applicationList with 'provided = true' was null

Do you have some ideas what's wrong with it ? If you have a working code for it with uibinder I'll be interested ;)

Thank you for your reading

Attached Images

ListField.png‎ (9.6 KB)

Integration testing

darkling235 — Wed, 15 May 2013 23:07:35 GMT

I'm trying to find an effective way to do a full integration test of my GXT application. GUI, Server, and DB.
I don't really need to test the DB but I want a full integration test that uses it.

I have a full set of regression tests using JUNIT but I don't think that's sufficient. My problem with making integration tests deals with the state of the DB. For most of my normal tests I empty the database and put it into a known state before I run any integration tests. My problem is I can't figure out a way to do this in GXT JUNIT because I can't do an asynchronous command during beforeMethod.

I used to manage this by using a suite to organize my tests. I.E. the first "test" did nothing but empty the database. The second set up our minimal DB configuration. After that I ran a long group of tests.

The problem with this approach is that the JUNIT tests were order dependent. Because the DB state was not reset between tests, each test had to know what EVERY test before it did. If a prior test added object X all subsequent tests that used that type of objects had to know about it, otherwise any checking of how big the list of those objects was would fail.

As you might very well imagine these tests were fantasically difficult to maintain and were ultimately abandoned.

Does anyone have any good suggestions for making integration tests? I need something that tests both server and GUI. I already have good regression tests but I need something that will test all elements of the system.

DateField MaxValue and MinValue

steven.wong — Wed, 15 May 2013 17:03:40 GMT

I'm trying to enforce a date range logic on two DateFields. the OnValueChange event for each, sets the min and max values the DateField can have. Simply put, DateField FROM's onValueChange event would set DateField TO's minValue to whatever FROM's value is. Vice versa for TO's onValueChange would set the FROM's maxValue.

The problem I'm coming up with is that both DateFields can't be the same value, I get a validation error. How do I make it so that the TO value is ">=" the minValue and the FROM value is "<=" the maxValue?

Please let me know if you need more clarification.

Code:

            final DateField fromValue = new DateField();

            fromValue.addValidator( new EmptyValidator() );

            

            final DateField toValue = new DateField();

            toValue.addValidator( new EmptyValidator() );

            

            fromValue.addValueChangeHandler( new ValueChangeHandler() {

                

                @Override

                public void onValueChange(ValueChangeEvent event) {

                    toValue.setMinValue( event.getValue() );

                }

                

            });

            

            toValue.addValueChangeHandler( new ValueChangeHandler() {





                @Override

                public void onValueChange(ValueChangeEvent event) {

                    fromValue.setMaxValue( event.getValue() );

                }

                

            });

when inspecting your MinDateValidator for your DateField, I noticed that you use Date.before() function, so it doesn't really allow for "same" date validity.

Grid with dynamic columns

amed — Wed, 15 May 2013 15:51:41 GMT

Hi, in gxt 2 it was simple to create grid with dynamic columns. Is it possible with 3.x version? :-? Thanks

Cannot fill Grid

marvic — Tue, 14 May 2013 07:12:42 GMT

Hi.

I want to load data from a remote server in the grid. The following code:

Code:

                        final RepServiceAsync service = GWT.create(RepService.class);

                        final RepProperties props = GWT.create(RepProperties.class);





            RpcProxy> proxy = new RpcProxy>() {

                @SuppressWarnings("unchecked")

                @Override

                public void load(PagingLoadConfig loadConfig, AsyncCallback  callback) {

                  service.getReports(callback);

                }

              };



            ListStore store = new ListStore(props.key());

            final PagingLoader> loader = new PagingLoader>(

                    proxy);



            loader.setRemoteSort(true);

            loader.addLoadHandler(new LoadResultListStoreBinding>(

                    store));





            final PagingToolBar toolBar = new PagingToolBar(50);

            toolBar.getElement().getStyle().setProperty("borderBottom", "none");

            toolBar.bind(loader);





            ColumnConfig nameCol = new ColumnConfig(

                    props.name(), 150, "Name");

            ColumnConfig pathCol = new ColumnConfig(

                    props.path_name(), 150, "Path");





            List> l = new ArrayList>();

            l.add(nameCol);

            l.add(pathCol);



            ColumnModel cm = new ColumnModel(l);



            Grid grid = new Grid(store, cm) {

                @Override

                protected void onAfterFirstAttach() {

                    super.onAfterFirstAttach();

                    Scheduler.get().scheduleDeferred(new ScheduledCommand() {

                        @Override

                        public void execute() {

                            loader.load();

                        }

                    });

                }

            };



            grid.getView().setForceFit(true);

            grid.setLoadMask(true);

            grid.setLoader(loader);

RepProperties:

Code:

public interface RepProperties extends PropertyAccess {

    @Path("id")

   ModelKeyProvider key();

   ValueProvider name();

   ValueProvider path_name();

}

ReportsList code:

Code:

public class ReportsList  implements Serializable {

    private static final long serialVersionUID = 1L;

    int id;

    String name;

    String path_name;

    

    public ReportsList() {        

    }

    

    public ReportsList(int id, String name, String path_name) {

        super();

        this.id = id;

        this.name = name;

        this.path_name = path_name;

    }

        

    public int getId() {

        return id;

    }

    public void setId(int id) {

        this.id = id;

    }

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }

    public String getPath_name() {

        return path_name;

    }

    public void setPath_name(String path_name) {

        this.path_name = path_name;

    }

}

The code is executed without error, the query to the database is performed ( EJB-call ), but the Grid is not populated.
In what could be the problem?

Grid - autoresize with BorderLayoutContainer

smartin — Fri, 10 May 2013 14:00:46 GMT

Hi,

I'm using a BorderLayoutContainer which has a Grid in its CenterPanel (ContentPanel component). When I'm collapsing my westPanel the centerPanel expands (as expected) but my Grid does NOT ...:-?

What is the best way to achieve this autoresize/autoexpand functionality on a grid?

Thanks.

How can I change the css style of a column in Live Grid depending of column values ?

florin_p — Thu, 09 May 2013 18:32:31 GMT

Hello,

I have an LiveGrid with some columns. I need to change the style to all cells in a column depending of the values in the cells.

I can change the css style to be identical to all cell in the column like this

Code:

actionColumn.setColumnTextClassName(resource.css().colStyle());

);

I need to change the style according to the value inside.

How can I do that ?

Thank you.

How can I use a widget as leaf in a tree

rbenitez — Thu, 09 May 2013 14:54:17 GMT

Hello,

I'm trying your api for GWT because I think that is very interesting for us, but I've a problem with Tree.

I want to create a tree where its leafs are a widget with its buttons, texts, etc... This buttons have a its handler, but when I create the TreeStore as , when the tree is painted in the browser, I only can see the html code because the leaf is represented like and the widget code is written inside. Also the handler button never is called.

Any idea?

Thank you!

Best regards

Chart issue : How to set intervals by time

quejinkook — Thu, 09 May 2013 08:48:50 GMT

Hi
I am trying to draw a chart
based on Line Chart Example （http://www.sencha.com/examples/#ExamplePlace:linechart)

here is my chart

Attachment 43654

As you can see :

The interval of Feb 2 - Feb 3 is same as Feb 4 - Feb 8

The Question is :

Is there has a way to set different intervals by date automatically?

Attached Images

chart capture.png‎ (22.6 KB)

No isDirty method in GXT3 for Field and FormPanel

TAMMA01 — Tue, 07 May 2013 12:07:26 GMT

In GXT2, Field and FormPanel provided isDirty() method to check if the field value is changed. But isDirty() is no longer available in GXT3?

Also, getOriginalValue() method is not available (protected), so you cant compare current value and original value. Is there any way to check if the field is dirty? (Note: I don't want to create a subclass for each field to get the original value)

How to reference (manipulate) a widget from an other in gxt3

Oussama Mjihil — Mon, 06 May 2013 18:15:51 GMT

Im New Gxt user,
In my application, I tried to use the provided exemples from sencha.com.
I'm looking for a mécanisme to use a nested widgets in a same interface (RIA logic), And keep control between them.

Code:

public class BorderLayoutUiBinderDynamicAttribute implements IsWidget, EntryPoint { 

  interface MyUiBinder extends UiBinder {

  }

 

  private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class);

  private static AccordionLayout alayout = new AccordionLayout();

  private static FilterGrid filterGrid = new FilterGrid();

  private static AjoutContact ajoutContact = new AjoutContact();

 

  @UiField

  BorderLayoutContainer con;

  @UiField 

  ContentPanel menu;

  @UiField

  ContentPanel center;

  @UiField

  ContentPanel center2;

  @UiField

  ContentPanel headerLogo;

........

........

 public void onModuleLoad() {

      Widget con = asWidget();

        Viewport viewport = new Viewport();

        menu.add(alayout);

        center.add(filterGrid);

        center2.add(ajoutContact);

        Image loadingImage = new Image(ExampleImages.INSTANCE.logo());

        headerLogo.add(loadingImage);

        viewport.add(con);

        RootPanel.get().add(viewport);

  }

.......

in the ContentPanel center2 I insert an Widget which contains :

Code:



 panel.addButton(new TextButton("Enregistrer", new SelectHandler() {

        public void onSelect(SelectEvent event) {

            Contact c = new Contact();

            c.setNom(nom.getText());

            c.setPrenom(prénom.getText());

            c.setEmail(email.getText());

            c.setDate_naissance(birthday.getCurrentValue());

            ExampleServiceAsync service = GWT.create(ExampleService.class);

            AsyncCallback callback = new AsyncCallback() {

                public void onFailure(Throwable caught) {

                     Window.alert("Contact n'est pas Ajouté avec succès ");

                }





                public void onSuccess(String result) {

                    // I Want To Refrech data of @UiField ContentPanel center in BorderLayoutUiBinderDynamicAttribute 

                  Window.alert("Contact Ajouté avec succès ");

                }

              };

            service.enregistrerContact(c, callback);

        }

    }));

Rpc work fine, but i don't now how to get reference to "center" or others elements of rootPanel :-?

it should be like this : ContentPanel cp = rootPanel.getViewport().getCon().getCenter(); if we follow the logic swing.
Attachment 43575

Attached Images

Capture.jpg‎ (54.3 KB)

GXT Desktop Apps

Owenwa — Sun, 05 May 2013 12:46:32 GMT

Hi,

I have eventually go the GXT 3 Webdesktop working. I'm now trying to add applications to the Start menu. Does anyone know how this is done?

Thanks,

Wyn