jqGrid可编辑模式下 单元格内容不能复制处理

jqGrid不可编辑模式下,鼠标点击单元格内容并选中要复制的内容,然后就可以复制、粘贴;然而在可编辑模式下则行不通,一旦单元格鼠标点击后,若该列不可编辑则表格会失去焦点,从而导致选中的内容丢失,因此无法进行复制、粘贴,怎么办?

1、先看下非编辑模式和编辑模式下,单元格内容选中的区别

jqGrid可编辑模式下 单元格内容不能复制处理_第1张图片
在这里插入图片描述
说明:
1)非编辑模式下cellEdit: false,鼠标可以选中要复制区域“包装器具”
2)编辑模式下cellEdit: true,鼠标仍然可以选中要复制区域“包装器具”,但是一旦鼠标松开后,由于表格失去焦点,导致选中区域消失,因此无法进行复制、粘贴。

2、原因分析

jqGrid可编辑模式下 单元格内容不能复制处理_第2张图片
jqGrid可编辑模式下 单元格内容不能复制处理_第3张图片
看上图代码截图,当表格处于编辑模式下,鼠标点击后会执行window.setTimeout…代码,使表格失去焦点。如果鼠标点击的是可编辑列则会初始化编辑框,并获取焦点。

2、编辑模式下,单元格内容如何进行复制、粘贴

修改源码?如非特别需要千万别修改源码。jqGrid编辑模式下,单元格内容也可进行复制、粘贴,其实也简单,只要在鼠标点击没有松开前,复制即可。
这里有个额外的工作就是需要做好培训,因为该操作不是常识性操作,需要跟用户强调:单元格内容请在鼠标松开前进行复制,后续才可粘贴。

你可能感兴趣的:(jqGrid,可编辑模式,单元格内容不能复制粘贴,WEB-Front)