JQGrid:仅在双击一行时选择(表示突出显示并选中复选框),而不是单击

时间:2016-08-25 16:37:11

标签: jquery jqgrid free-jqgrid jqgrid-php

我正在尝试选择(即突出显示并选中复选框),只需双击一行,而不是单击。但是没有弄清楚如何实现这一目标。

任何人都可以帮助我。

1 个答案:

答案 0 :(得分:2)

解决方案包括3个步骤:

  1. 阻止点击行上的默认选择
  2. 双击选择行
  3. 禁止在双击
  4. 中选择单元格中的文本

    要防止默认选择,需要包含以下回调

    beforeSelectRow: function () {
        return false; // prevent selection
    }
    

    要选择双击,请在setSelection回调中调用ondblClickRow

    ondblClickRow: function (rowid) {
        $(this).jqGrid("setSelection", rowid);
    }
    

    要防止在双击单元格中选择文本,需要添加CSS规则,如下所示:

    .ui-jqgrid tr.jqgrow > td {
       -webkit-touch-callout: none;
       -webkit-user-select: none;
       -khtml-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
    }