Double Click on row

[Giuseppe]

Hi all, 

i'm struggling to achive a simple task: double click on a row to call a method. How can i do that? 

what i'm expecting is simple:

 

<Grid
     :data-items="gridResult"
     :columns="columnsToDisplay"
     :resizable="true"
     :pageable="pageAble"
     :pageSize="pageSize"
     @dblclick="callMyMethodForDoubleClick"
     >
</Grid>

something like this

[Petar]

Hi Giuseppe,

Neither the Native Grid nor the Wrapper Grid has a built-in double-click event. Here are examples of how you can implement a double-click logic:

• Native Grid - https://stackblitz.com/edit/eu6qfd-8sz3dh?file=src/main.vue. The code that makes the double-click available in the Native Grid is shared below.

onRowClick(arg) {
  this.clicks++;
  if (this.clicks === 1) {
    // single click
    setTimeout(() => {
      this.clicks = 0;
    }, 500);
  } else {
    clearTimeout(this.timer);
    this.handleDblClick(arg);
    this.clicks = 0;
  }
},
handleDblClick(arg) {
  console.log("double click");
}

• Wrapper Grid - https://stackblitz.com/edit/77h1qk-vzbmjw?file=src/main.vue. The code that makes the double-click available in the Wrapper Grid is shared below.

methods: {
  onDataBound: function(e) {
    let grid = e.sender;
    grid.tbody.find("tr").dblclick(function(e) {
      let dataItem = grid.dataItem(this);
      console.log(dataItem);
    });
  }
}

I hope the above will help you implement what you need in your application.

Regards,
Petar
Progress Telerik

[Giuseppe]

Thanks a lot Petar

[Plamen]

Hello,

Just to let you know - with the latest version 1.2.0 we have added a 'rowdblclick' event to the Kendo Native Grid component for Vue - https://stackblitz.com/edit/pae8ab-2kmjjl?file=src/main.vue.

Regards,
Plamen
Progress Telerik