突出显示复制的双击单元格值

Question

我有一个jqGrid。我想突出显示一行中的特定单元格，ondbClickRow。这将使得将单元格的值复制到剪贴板的任务变得容易，对于用户来说也是如此。有人可以指导我如何做到这一点？谢谢！

Answer 1

通常情况下，这可能会发生，但您应该关闭行选择以立即查看突出显示。因此，代码会了解以下信息：

beforeSelectRow: function() { 
    return false; 
}, 
ondblClickRow: function (rowid, iRow, iCol, e) { 
    $(e.target).toggleClass('ui-state-highlight'); 
} 

其结果是，你可以有一个像

看到相应的演示here

修订格：如果您需要选择在网格单元格中的文字可以使用here描述的想法。在使用的情况下，jqGrid的内部的代码可能是以下几点：

var selectText = function (element) { 
    var doc = element.ownerDocument, selection, range; 
    if (doc.body.createTextRange) { // ms 
     range = doc.body.createTextRange(); 
     range.moveToElementText(element); 
     range.select(); 
    } else if (window.getSelection) { 
     selection = window.getSelection(); 
     if (selection.setBaseAndExtent) { // webkit 
      selection.setBaseAndExtent(element, 0, element, 1); 
     } else { // moz, opera 
      range = doc.createRange(); 
      range.selectNodeContents(element); 
      selection.removeAllRanges(); 
      selection.addRange(range); 
     } 
    } 
}; 

$("#list").jqGrid({ 
    // ... jqGrid options 
    ondblClickRow: function (rowid, iRow, iCol, e) { 
     selectText(e.target); 
    } 
}); 

的next demo证明这一点：