Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

vaading-grid, subgrid in Details view

Raffaele Garofalo
5 years ago Apr 15, 2016 10:28am
Raffaele Garofalo
5 years ago Apr 18, 2016 7:32am
Jouni Koivuviita
5 years ago Apr 18, 2016 9:31am
Jouni Koivuviita
5 years ago Apr 18, 2016 9:37am
Raffaele Garofalo
5 years ago Apr 18, 2016 11:06am
Thomas Frezel
5 years ago Apr 19, 2016 3:51pm

Hi,

I think I have almost the same issue even if it's not exacly the same use case.

I want to put a clickable paper-button inside a row detail.
The paper-button is visible but the click does not work.

I created a codepen to reproduce this issue (only works in chrome I don't know why...):
http://codepen.io/frezelth/pen/LNrGPv

I've put another button outside of the grid and that one works.

It would be very nice to be able to include polymer elements in the row details!

Thanks!

Thomas

Marcus Hellberg
5 years ago Apr 19, 2016 4:34pm

Thomas Frezel: I want to put a clickable paper-button inside a row detail.
The paper-button is visible but the click does not work.

 

I'm guessing that the templating gets in your way here, not hooking up to the right listener. 

When creating details rows, I personally like to create a custom element for the row itself as I think that it makes things clearer. I can listen to/handle events interal to the details row element right in the element, or then fire events if I want to propagate the event further up. 

Here's an example of what I mean from the most recent Elementary School episode: https://github.com/vaadin/elementary-school-009 (video here https://www.youtube.com/watch?v=MAyszSRzcDg)

Raffaele Garofalo
5 years ago Apr 20, 2016 6:40am