Sencha Forum - Sencha GXT Bugs

[OPEN] Error Decorator doesn't move when component is moved (dialog resized)

nbuesing — Fri, 24 May 2013 16:59:33 GMT

GXT 3.0.4
GWT 2.4
Interernet Explorer 8 (development mode), Chrome 28 (production mode)
Windows 7, 64 bit

If a field with an error is resized (in this case by resizing a dialog) the error icon doesn't move with the changes to the widget.

Attachment 43984

Using SimpleContainer. Would like component to work in FlexTable, test case only uses GXT widgets, to rule out issue between GWT/GXT.

Attachment 43983

Attached Images

InvalidFieldAndDialogResized.png‎ (4.6 KB)

Attached Files

ErrorDecorationsLocationIssue.zip‎ (1.4 KB)

[OPEN] Dialog resize issue

John Nelson — Fri, 24 May 2013 12:55:18 GMT

I have found that when adding content to a component contained within the dialog, the dialog does not reliably resize itself.

I have included an example that shows two dialogs.

The first resizes properly.
The second does not.
The only difference between the two is that:
The first dialog contains 3 labels and the child widget.
The second dialog contains 1 label and the child widget.

Verified behavior in dev mode on IE8 and Chrome.

---

GXT 3.0.4
GWT 2.4
Internet Explorer 8
Chrome
Windows 7, 64 bit

Code is attached.
Here is a screenshot:

Attachment 43975

Attached Images

DialogResizeIssue.png‎ (56.8 KB)

Attached Files

DialogResizeIssue.zip‎ (1.5 KB)

[CLOSED] TextButton's SelectHandler doesn't fire if another event causes button to move...

nbuesing — Thu, 23 May 2013 15:48:05 GMT

I have a scenario where the button's position is moved based on the event of another widget. In this case, the onSelect event of the button doesn't fire. Test case provided.

In the test case, I have the blur event of a text box add text to the screen. This text field has focus up to the point I click the submit button. This causes the submit button's position to move on that given screen from the onBlur event of the text field (prior to the onSubmit being handled). If the button moves to where the mouse click is no longer over the button, the select event doesn't fire.

If you click at the bottom of the button the text "onSelectHandlerCalled" will be displayed (I was able to verify this in IE8, and not Chrome, guessing due to pixel sizes, but not 100% sure). If you notice the mouse pointer is still over the button after the "onBlurCalledFromTextField" is rendered.

If, however, you click at the top of the button, the "onBlurCalledFromTextField" will move the Submit button so it is no longer under the cursor, and the onSelect event doesn't fire.

GXT should capture mouse location in relation to button location before it is moved based on the action of the blur event of the other component.

Attachment 43960

Attachment 43959

Verified behavior in dev and production modes on IE8 and Chrome.

---

GXT 3.0.4
GWT 2.4
Internet Explorer 8
Chrome
Windows 7, 64 bit

Attached Images

onSelectIssue.png‎ (36.9 KB)

Attached Files

MovedButtonSelectNotCalled.zip‎ (1.1 KB)

maxSize and flex ignored in HBoxLayoutContainer

IgnacioSZ — Thu, 23 May 2013 11:21:39 GMT

Required Information

Version(s) of Ext GWT
Ext GWT 3.0.1 Release Candidate»

Browser versions and OS
(and desktop environment, if applicable)

Firefox 20, Windows XP SP3 (x86)

Virtual Machine
No

Description
There isn't much more to say. This layout doesn't honour what it promises. After using it to layout a bunch of buttons, all with the same flex value, each one gets a different size (seems text related) and some are even bigger than max size.

Run mode
Both

Steps to reproduce the problem

Open app and look.

Expected result
All buttons should have the same width and never be wider than 150px.

Actual result
Buttons of different sizes and at least one bigger than 150px.

Test case
TestView.java

Code:

public class TestView implements IsWidget, EntryPoint {



        interface MyUiBinder extends UiBinder {

        }



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



        private VerticalLayoutContainer rootPanel;



        @Override

        public Widget asWidget() {

                if (rootPanel == null) {

                        rootPanel = uiBinder.createAndBindUi(this);

                }

                return rootPanel;

        }



        @Override

        public void onModuleLoad() {

                RootPanel.get().add(asWidget());

        }



}

TestView.java

Code:






        xmlns:c="urn:import:com.sencha.gxt.widget.core.client" xmlns:container="urn:import:com.sencha.gxt.widget.core.client.container"

        xmlns:gxt="urn:import:com.sencha.gxt.widget.core.client" xmlns:g="urn:import:com.google.gwt.user.client.ui"

        xmlns:form="urn:import:com.sencha.gxt.widget.core.client.form"

        xmlns:button="urn:import:com.sencha.gxt.widget.core.client.button" >

Helpful Information

Screenshot or video
Attachment 43950

Live test
None that I know

Debugging already done

Any suggestion?

Possible fix
?

Attached Images

Sencha bug.JPG‎ (8.9 KB)

[OPEN] GXT Grid: Header context menu displayed at wrong location

thorsten.schaefer — Thu, 23 May 2013 09:15:45 GMT

Hi,

we have experienced a problem with the header context menu on the grid component. It has 3 menu entries: Sort ascending, Sort descending and columns. The sub menu of the column menu is displayed at a wrong location and it even moves around when the sub menu is opened for a second or third time.

To reproduce the problem the browser window has to be maximized and the grid itself has to be located near the bottom of the screen. I.e. there have to be other components located above the grid. Also the number of columns in the grid is quite high, so that the height of the sub menu is bigger then the remaining space from the header to the bottom of the screen.

I have added some screenshot to illustrate the issue. I have analyzed this with Firefox 21 and Chrome 26 using GXT 3.0.4.

With kind regards

Thorsten Schäfer

Attachment 43945

Attached Images

screenshot-1.jpg‎ (65.3 KB)

[OPEN] Dialog's Child Widget doesn't take all of dialog

nbuesing — Wed, 22 May 2013 19:07:35 GMT

GXT 3.0.4
GWT 2.4
Internet Explorer 8 developer and production mode
Chrome (latest) production mode
Windows 7, 64bit

I have a dialog with a child VerticalLayoutContainer.

When the dialog is first rendered, the VerticalLayoutContainer is just big enough to show it's children (in the provided example, a single HTML child). When the dialog is rendered the second time (hide and then show again) or if the dialog is resized, the child VLC will take up the entire contents of the dialog.

dialog.show() for the first rendering of the dialog
Attachment 43939
dialog.show() for the second rendering of the dialog (click close above and then reshow it).
Attachment 43940
Here is my test case that shows this behavior.

Attachment 43938

Expected behavior is having the widget take up the full contents of the dialog (second showing).

Attached Images

showDialog_1stShow.png‎ (2.6 KB)
showDialog_2ndShow.png‎ (2.7 KB)

Attached Files

ChildDialogSize.zip‎ (1.2 KB)

ToolButton in ContentPanel in IE8 not working

y612000 — Wed, 22 May 2013 11:56:25 GMT

Required Information

Version(s) of Ext GWT
3.0.1

Browser versions and OS
(and desktop environment, if applicable)

«Internet Explorer 8, Windows XP»

Virtual Machine
No

Description
ToolButton in ContentPanel is not clickable (SelectHandler is not started)

Run mode
«Development mode AND production mode»

how to combine two variable from Ext.grid.GridPanel

dreamofpower — Tue, 21 May 2013 01:58:24 GMT

SimpleListingEditorGrid.render('form');

SimpleListingEditorGrid.getSelectionModel().on('selectionchange', function() {
var gridrecord = SimpleListingEditorGrid.getSelectionModel().getSelected();
var hasil = gridrecord.get('intID');
$('#selectedText').text(hasil);

in html :

Selected Options:

the problem with direct click..how to combine two variable?
thanks

Problem with GridInlineEditing and TextButtons

weenie — Mon, 20 May 2013 21:34:35 GMT

I would like to report a bug with the GridInlineEditing and TextButtons with icons. When I click on a field in the grid to start editing it and then click on a TextButton, the field being edited doesn't lose focus and when the grid reloads it stops working properly. This also happens if I click on the next page arrow in the paging load bar and there are less items on the next page, than there were in the previous. Image related:

Attachment 43884

Attached Images

error.png‎ (9.9 KB)

2 Minor Issues at ReorderingTree Example

Andreas Samjeske — Wed, 15 May 2013 13:22:35 GMT

At http://staging.sencha.com:8080/examp...reorderingtree I found 2 problems:

1.)
- Open some folders, so that a scroll bars appears at the right of the tree.
- Select folder "Binding" at the top.
- Scroll down by DRAGGING the scrollbar
Result: InfoWindow "Drag Prevent" appears at the upper right corner.

I think InfoWindow shouldn't appear, since I am not dragging a tree item (i.e. folder "Binding").
Recommended Solution: Don't look for selectedItem of store, but compare dragged item of event to sourceStore.getRootItems().get(0) in onDragStart.

2.)
- remove all leafs out of a folder by drag'n'droping them anywhere else
Result: folder is shown as leaf and treated as leaf. You can't drop other leafs or folders on it anymore.

I am not sure if this is the way it should be or if it is a bug or a misconfiguration. At least it is an unexpected behaivor.

[OPEN] GridRowEditing - Labels take up more space than they should

chris.brown.spe — Tue, 14 May 2013 18:05:17 GMT

I have a grid with editable rows but some of the values are not editable. Each value that is not editable is represented by a Label which takes up more column space than it should. This can be seen on the example http://www.sencha.com/examples/#Exam...oweditablegrid. The Date field is pushed to the right slightly. The more noneditable columns you have the worse this problem gets for each value to its right. Hopefully there will be a fix for this. In the mean time, is there a quick/dirty way I could patch this to fix it?

TabPanel Problem

OBELIX — Sun, 12 May 2013 20:54:15 GMT

Hi,

I have a widget with a toolbar, a grid and a pagingtoolbard. When I use this widget in a window all is OK but when i put this widget in a tabpanel (but not in the first tab) the widget in not correctly draw (see the attachment).
When i move the mouse the toolbar and the gris appears correctly without the pagingtoolbar and why I maximize the window all the widget (toolbar, grid and pagingtoolbar) is correctly draw.

An idea ? Thanks in advance,

JB

A part of the widget's code

Code:

VerticalLayoutContainer con = new VerticalLayoutContainer();

con.add(t, new VerticalLayoutData(1,-1));con.add(grid, new VerticalLayoutData(1,1));

con.add(pagToolBar, new VerticalLayoutData(1,-1));

Img 1 : on load
Attachment 43727

Img 2 : when I move the mouse
Attachment 43728
Img 3 : when I maximize and restore the window
Attachment 43729

Attached Images

img1.jpg‎ (80.2 KB)
img2.jpg‎ (88.8 KB)
img3.jpg‎ (106.7 KB)

[OPEN] Post-3.0.2 TextButton menu doesn't show on first click in IE8

mcarthum — Thu, 09 May 2013 21:19:22 GMT

I just upgraded from GXT 3.0.2 to GXT 3.0.4, and I think I discovered a weird regression. If you create a TextButton with a Menu and click on it in IE8, the button style changes as if it were clicked, but the menu doesn't show. However, the menu shows on the second click. This doesn't appear to happen with GXT 3.0.2.

It also seems that this might only be a problem with the first button that is clicked -- if I add multiple buttons with menus, it looks like only the first one exhibits this problem (subsequently clicked buttons behave normally).

[EDIT:]
However, in the GXT 3.0.4 demo located here, the problem I see is slightly different but perhaps related: if I click on a button with a menu in IE8, the menu does not show until I move my mouse cursor.

[OPEN] Expand and Collapse of tree nodes doesn’t work when filtering is enabled.

Ksenia Berger — Wed, 08 May 2013 00:46:29 GMT

To reproduce:

Create a tree of height 3 or more. Enable filtering on one of the columns.
Initialize the tree with data that has elements with some value (let’s say A) on the filtered columns on all levels.
Expand the first level and enable filter to show elements with value A only.
Expand one of the visible nodes that has a child with value A in the filtered column.
Issue 1=>The expected behavior is that that child show up, but it doesn’t.
Now try closing previously expanded node and opening its next sibling.
Issue 2=>Exception is thrown (full stack trace is at the end of this request):
Exception during request: java.lang.AssertionError: The given model cannot be added to the ListStore as it (or another model with the same key) is already present.

Note, that if you try to open the next sibling without previously expanded node, you’ll get a JS exception but it’s probably due to the same issues:
“[IMG]file:///C:\Users\kberger\AppData\Local\Temp\msohtmlclip1\01\clip_image001.gif[/IMG]Exception during request: com.google.gwt.core.client.JavaScriptException: (TypeError): this.insertBefore is not a function“

I tried to debug the code and hack it to make it work. I was able to find and fix a few issues but got stuck due to not being able to access some of the fields in ListStore.

#1. One issue was that ListStore.addAll() function fires a wrong event when filtering is enabled:

if (isFiltered()) {
// TODO filter events?
List inserted = new ArrayList();
for (M item : items) {
if (!isFilteredOut(item)) {
inserted.add(item);
}
}
int actualIndex = index == 0 ? 0 : allItems.indexOf(visibleItems.get(index - 1)) + 1;
visibleItems.addAll(index, inserted);
allItems.addAll(actualIndex, items);

if (isSorted()) {
// no slower than 2.x, and easier to implement
applySort(true);
}
if (inserted.size() != 0) {

if (isSorted()) {
fireSortedAddEvents(inserted);
} else {
fireEvent(new StoreAddEvent(visibleItems.size(), inserted)); <<<<<<<<<< should be fireEvent(new StoreAddEvent(index, inserted));
}
}
} else {

I was able to fix this by overriding the function in ListStore subclass and firing a correct event when applicable. This fixed the tree to show child nodes with value A in a filtered column when the node is expanded.

#2. The second issue exposes several problems.

TreeGrid.findLastOpenChildIndex(lc) function doesn’t account for whether next sibling node is visible. So its return value might be -2 if it found a next sibling but it’s not visible (store.indexOf(nextSibling) will return -1). I was able to override this function and return a next visible sibling, and that allowed me to collapse the node that was now expanding correctly after my fix for issue #1. However, the repeated expand of the node was not possible because ListStore threw an exception:
java.lang.AssertionError: The given model cannot be added to the ListStore as it (or another model with the same key) is already present.

This happens because, after my fix to TreeGrid.findLastOpenChildIndex(lc), the ListStore.remove(index) method is now called only for visible nodes, leaving invisible siblings in allItems and debugKeys. However, there is currently no way to call remove for non-visible siblings to remove them from allItems and debugKeys. Basically, when a node is collapsed, all its children should be removed, both visible and invisible.

ERROR: GWT.log==java.lang.AssertionError: The given model cannot be added to the ListStore as it (or another model with the same key) is already present. Key=CoverageSelection(PAExcessElectronicsCov)
java.lang.AssertionError: The given model cannot be added to the ListStore as it (or another model with the same key) is already present. Key=CoverageSelection(PAExcessElectronicsCov)
at com.sencha.gxt.data.shared.ListStore.addAll(ListStore.java:137)
at com.sencha.gxt.widget.core.client.treegrid.TreeGridView.expand(TreeGridView.java:68)
at com.sencha.gxt.widget.core.client.treegrid.TreeGrid.setExpanded(TreeGrid.java:706)
at com.sencha.gxt.widget.core.client.treegrid.TreeGrid.setExpanded(TreeGrid.java:677)
at com.sencha.gxt.widget.core.client.treegrid.TreeGrid.setExpanded(TreeGrid.java:653)
at com.sencha.gxt.widget.core.client.treegrid.TreeGrid.toggle(TreeGrid.java:786)
at com.sencha.gxt.widget.core.client.treegrid.TreeGrid.onClick(TreeGrid.java:961)
at com.sencha.gxt.widget.core.client.grid.Grid.onBrowserEvent(Grid.java:617)
at com.google.gwt.user.client.DOM.dispatchEventImpl(DOM.java:1351)
at com.google.gwt.user.client.DOM.dispatchEvent(DOM.java:1307)
at sun.reflect.GeneratedMethodAccessor45.invoke(Unknown Source)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
at java.lang.reflect.Method.invoke(Method.java:601)
at com.google.gwt.dev.shell.MethodAdaptor.invoke(MethodAdaptor.java:103)
at com.google.gwt.dev.shell.MethodDispatch.invoke(MethodDispatch.java:71)
at com.google.gwt.dev.shell.OophmSessionHandler.invoke(OophmSessionHandler.java:172)
at com.google.gwt.dev.shell.BrowserChannelServer.reactToMessagesWhileWaitingForReturn(BrowserChannelServer.java:337)
at com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:218)
at com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:136)
at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:561)
at com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java:269)
at com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91)
at com.google.gwt.core.client.impl.Impl.apply(Impl.java)
at com.google.gwt.core.client.impl.Impl.entry0(Impl.java:213)
at sun.reflect.GeneratedMethodAccessor40.invoke(Unknown Source)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
at java.lang.reflect.Method.invoke(Method.java:601)
at com.google.gwt.dev.shell.MethodAdaptor.invoke(MethodAdaptor.java:103)
at com.google.gwt.dev.shell.MethodDispatch.invoke(MethodDispatch.java:71)
at com.google.gwt.dev.shell.OophmSessionHandler.invoke(OophmSessionHandler.java:172)
at com.google.gwt.dev.shell.BrowserChannelServer.reactToMessages(BrowserChannelServer.java:292)
at com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:546)
at com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:363)
at java.lang.Thread.run(Thread.java:722)

[OPEN] Scrollbar in textarea disappear when the textarea is invalid

ber00000 — Tue, 07 May 2013 11:21:18 GMT

Required Information

Version(s) of Ext GWT
GXT 3.0.1

Browser versions and OS
(and desktop environment, if applicable)

Firefox, Windows 7
Chrome, Windows 7

Virtual Machine
No

Description
The scrollbar in a textarea disappear when the textarea is invalid.

Run mode
both

Steps to reproduce the problem

Put a validator in the textarea
Put characters to show scrollbar in the textarea
Make the textarea invalid

Expected result
The scrollbar must still be present.

Actual result
The scrollbar is disappeared.

Attachment 43594

Test case

Code:

public class Test implements EntryPoint {  

  public void onModuleLoad() {   

   TextArea textarea = new TextArea();  

   textarea.setHeight(75);

   textarea.addValidator(new MaxLengthValidator(10));

   RootLayoutPanel.get().add(textarea);  }}

Attached Images

textarea-invalid.png‎ (1.8 KB)