代码之家 › 专栏 › 技术社区 › Ich

DevExtreme DataGrid onRowDblClick

devextreme devexpress datagrid javascript

Ich · 技术社区 · 7 年前

我想为DevExtreme数据网格实现onRowDblClick事件。我需要为多个网格执行此事件,因此我想为DataGrid执行此操作。

请建议实现此功能的方法。

好的,最后我实现了一个addRowDblClick函数,如下所示:

var clickTimer, lastRowClickedId;
function addRowDblClick(id, dblClickFunc) {
  $("#" + id).dxDataGrid({
    onRowClick: function (e) {
      //OBTAIN YOUR GRID DATA HERE
      var grid = $("#" + id).dxDataGrid('instance');
      var rows = grid.getSelectedRowsData();

      if (clickTimer && lastRowCLickedId === e.rowIndex) {
        clearTimeout(clickTimer);
        clickTimer = null;
        lastRowCLickedId = e.rowIndex;
        //YOUR DOUBLE CLICK EVENT HERE
        if (typeof dblClickFunc == 'function')
          dblClickFunc();
      } else {
        clickTimer = setTimeout(function () { }, 250);
      }
      lastRowCLickedId = e.rowIndex;
    }
  });
}

在DataGrid中,我调用了一个函数onContentTready,在这里我用Id和双击时想要调用的函数调用这个函数。

addRowDblClick('dxDataGrid', showDetail);

2 回复 | 直到 7 年前

Haydar C. 6 年前

$("#grdMain").dxDataGrid({
   ....
   onRowPrepared:function(event){
      $(event.rowElement).on('dblclick', function(){
         console.log('row dblclicked');
      }).on('remove', function(){
          //on remove event in jquery ui libraries or 
          // https://stackoverflow.com/questions/29255801/jquery-on-remove-not-working-parent-node-fire-empty
          $(this).off('dblclick remove');
     })
  }            
})

Victor Hugo Terceros 7 年前

我做到了,并且做得很好(我遵循了 this answer )

var clickTimer, lastRowCLickedId;

    $("#grdMain").dxDataGrid({            
        ...
        onRowClick: function (e) {               
            //OBTAIN YOUR GRID DATA HERE
              var grid = $("#grdMain").dxDataGrid('instance');
              var rows = grid.getSelectedRowsData();

            if (clickTimer && lastRowCLickedId === e.rowIndex) {
                clearTimeout(clickTimer);
                clickTimer = null;
                lastRowCLickedId = e.rowIndex;
                //YOUR DOUBLE CLICK EVENT HERE
                alert('double clicked!');
            } else {
                clickTimer = setTimeout(function () { }, 250);
            }

            lastRowCLickedId = e.rowIndex;
        }
    });

推荐文章

Valuator · 在平移或移动之前,地图数据不会填充整个地图元素

6 年前

Tamer · 使用dxTreeList在页面加载时显示所选节点

6 年前

AlaaL · DevExtreme dxGrid lookup column form display id而不是DisplayExpr

6 年前

FLICKER · 如何在视图中访问ViewModel的属性

7 年前

Ich · DevExtreme DataGrid onRowDblClick

7 年前

panagulis72 · Devexpress AngularJS获取Pivot的动态数据

7 年前

V.Prasad · 在序列上悬停时仪表板图表控制台错误

7 年前

Batman · dxTagBox的实时搜索结果?

7 年前

user5774297 · DevExtreme移动:如何使用jQuery过滤dxList

9 年前

Rodrigo N M · DevExtreme和Angular-菜单小部件

9 年前