突出顯示覆制的雙擊單元格值

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證明這一點：