Tk_拾光 2023-03-24 09:53 采纳率: 0%
浏览 119
已结题

Eltable 如何实现鼠标拖拽范围多选

Eltable在单页数据量相对较多的情况下 需要多选其中的某些数据进行操作 比如需要选中第10 到 20条数据 需要一个一个进行多选 想要实现点击第 10 条数据 然后鼠标拖拽到第20条后直接选中 这些数据

  • 写回答

6条回答 默认 最新

  • IT_service_mesh 2023-03-24 10:03
    关注

    参考GPT和自己的思路:要实现Eltable鼠标拖拽范围多选的功能,需要进行以下步骤:

    1. 在Eltable组件中添加一个mousedown事件,当鼠标按下时,记录当前点击的行号(例如10)。
    2. 在document上添加一个mousemove事件,当鼠标移动时,获取当前行号(例如20),同时判断当前行号是否在点击行号的上方或下方,以确定选中的范围。
    3. 在Eltable组件中添加一个mouseup事件,当鼠标松开时,执行选中操作。选中操作可以使用Eltable组件自带的多选功能。
    4. 可以考虑添加一个选中区域的高亮效果,以提高用户体验。

    需要注意的是,在开发过程中还需要考虑到一些边缘情况,比如用户拖拽到表格顶部或底部时的处理方式,同时要考虑到性能等因素。

    评论

报告相同问题?

问题事件

  • 系统已结题 4月1日
  • 创建了问题 3月24日

悬赏问题

  • ¥20 matlab有约束条件下的多元函数求最小值
  • ¥50 如何隐藏网页弹出框的url地址栏
  • ¥20 metropolis算法模拟二维ising模型来计算磁化强度,fortran
  • ¥15 uniapp-typescript-vue报错
  • ¥15 oracle强制关机以后报错01033
  • ¥15 给Chat with RTX添加语言模型时遇到问题
  • ¥15 oracle修复,怎么根据日志修复呀?
  • ¥15 使用Stable Diffusion时出现错误
  • ¥15 请教含粗糙度的点接触润滑问题
  • ¥100 需要3万组微信数据,昵称+头像+朋友圈背景