RowExpander Grid conflict with textButtonCell

[lanciendunet]

Hi all,

I've a grid with textButtoncell in some column, that's work fine until i've implemented the rowexpander grid.
Only few parts of the textButtonCell are clickable, for example when i click on the textButtonCell's center, the button doesn't react (it don't become "blue"), it react when i click on the border of the textButtonCell.

Is there a solution ?

Tks.

[lanciendunet]

Hi,

up to know if someone has a solution ?

Tks

[lanciendunet]

A pict to illustrate : gridbuttoncell.png (http://img39.imageshack.us/img39/740...buttoncell.png)

the first one : when i click, good reaction's button
the second one : despite i click on the center's button, nothing happen (the button don't get blue like the first one)

Tks.

[Colin Alworth]

Can you provide a runnable sample implementing EntryPoint? What version are you running? It is very hard to debug a png file.

I've tried to reproduce this, but have been unsuccessful. Starting with the example at http://www.sencha.com/examples/#ExamplePlace:cellgrid I added an icon to the button:

      TextButtonCell button = new TextButtonCell();
      button.setIcon(ExampleImages.INSTANCE.add24());
      //...

Then, I ran the app in both FF 17 and IE 8, and saw selection event popups in the upper right corner whether i clicked on the text or on the icon. Note that clicking on the whitespace next to the icon should *not* cause the SelectEvent to go off - if you are seeing this, you are using a much older copy of GXT 3.

[lanciendunet]

Hello,
thanks for the reply, for testing that (i've not a simple example to show ),
you should add a TextButtonCell with icon on a rowexpander + roweditable grid :
http://www.sencha.com/examples/#Exam...owexpandergrid and http://www.sencha.com/examples/#Exam...oweditablegrid
Then the button don't react (blue) when you click on its center (only on its borders)

[lanciendunet]

To be more precise, a TextButtonCell without icon doesn't work too.

[Colin Alworth]

Do you know for certain it works on those cases, or when these start getting combined? Or is this just a more specific way to match the grid to the admittedly complex case you have that is having this issue? If that's the case, are you sure it is those things and not some other complexity in your usecase causing the bug?

We don't ask for use cases to make your job harder, we do it to spend as little time fidgeting around before we a) can reproduce, b) can make a testcase for the future, and c) can fix it. The more time we spend writing use cases for users who don't follow the template or provide a test, the less fixes we can make in a release.

[lanciendunet]

Hi,

I found a user who has the same problem : http://www.sencha.com/forum/archive/.../t-189484.html (last post of swong).

I write a sample code based on rowexpander example from sencha show case (see attached file, I knew some trouble to insert the code in this post, so I attached it).
The grid's buttons don't react when you click on them.

Tks.

[lanciendunet]

Hi all,

any response ?

Tks

[Colin Alworth]

Thanks - I've opened up and tried your test case.

I replied to swong in that post, but never got a reply back with a full test case.

Which version are you using? So far, I haven't found any regions of the button that I cannot click and have it work correctly - clicking on the button itself always results in the popup, whether using 3.0.1 or latest from SVN. This seems to work whether or not the expander area is expanded.

When clicking within the column but outside the button, yes, you get a click event. This is related to the fact that the buttons are really designed for being drawn as widgets - changing this layout makes the widget and cell code inconsistent. One possible fix is to inform the cell that it must take the full width, another is to do what the Cell Grid Example does at http://staging.sencha.com:8080/examp...Place:cellgrid :

      // reduce the padding on text element as we have widgets in the cells
      SafeStyles textStyles = SafeStylesUtils.fromTrustedString("padding: 1px 3px;");
 
      ColumnConfig<Plant, String> nameColumn = new ColumnConfig<Plant, String>(properties.name(), 100, "Name");
      // IMPORTANT we want the text element (cell parent) to only be as wide as
      // the cell and not fill the cell
      nameColumn.setColumnTextClassName(CommonStyles.get().inlineBlock());
      nameColumn.setColumnTextStyle(textStyles);
 
      TextButtonCell button = new TextButtonCell();
      button.addSelectHandler(new SelectHandler() {
 
        @Override
        public void onSelect(SelectEvent event) {
          Context c = event.getContext();
          int row = c.getIndex();
          Plant p = store.get(row);
          Info.display("Event", "The " + p.getName() + " was clicked.");
        }
      });
      nameColumn.setCell(button);

That said, you earlier noted that being editable makes this bug happen, but that grid isn't editable.

What is the issue? Is there a specific area in the cell you can click which does *not* cause the alert to draw?