Quasar: @row-dblclick support for QTable

[datadisc]

It would be useful to support @row-dblclick on QTable component. Sure it can be done by adding dblclick event handler on q-tr component in body slot but then you need to provide a "whole" body slot only to support this feature. For example, from my experience, the and user usually wants to view/edit row on double click - it is still very "natural". I know the double click is related to the popup editing in QTable component but sometimes is useful to edit whole record at once. QTable already supports @row-click but it is very unlikely to use that event for editing especially on desktop systems.

[rstoenescu]

Hi,

The new event will be available in "quasar" v1.5.10.

[matthiasmoier]

We use Quasar 1.6.1 and tried to implement this today on a table but it did not work. The @row-click event works properly, but @row-dblclick does not. Any tips on what we should check?

[rstoenescu]

@matthiasmeier I assure you that it is working 100%. Maybe a misunderstanding somewhere?

[matthiasmoier]

Hmm… alright, will check again and let you know if we find out something.
Thanks @rstoenescu

[matthiasmoier]

@rstoenescu I just tried to fix our issue here and figured what causes it. What we’re trying to do is accessing the props.row.id of the row in the @row-dblclick event which results in nothing happening:

@row-dblclick="$router.push({ name: 'name-of-the-route', params: { id: props.row.id } })"

While debugging, I tried to replace props.row.id with a hard coded id which worked as expected:

@row-dblclick="$router.push({ name: 'name-of-the-route', params: { id: 123 } })"

I understand that props.row isn’t available in this place, but never the less would prefer being able to simply use @row-dblclick event on the QTable instead of having to rebuild the whole QTr (and thus all of its content) only because of this. Any idea on how to get the desired result?

[pdanpdan]

Hello - please read the description of the @row-dblclick event: the handler is called with 2 parameters: evt (native click event) and row.

[rstoenescu]

@matthiasmoier
@row-dblclick="evt => { $router.push({ name: 'name-of-the-route', params: { id: props.row.id } }) }"