一个可通过拖拽选择列表局部信息(部分单元格)的实例.

最新推荐文章于 2023-04-20 13:55:28 发布
最新推荐文章于 2023-04-20 13:55:28 发布
阅读量364 收藏
点赞数
分类专栏： web前端 文章标签： 单元测试 Excel IE
类似excel中那种利用鼠标拖拽选择表格局部信息.

这个特性今后打算加入 ECGrid.到时候会支持数据的复制粘贴.

现在贴出来的只是一个习作.测试一下可行性,所以比较简陋.
因为自己以前从来没有写过类似的东西,第一次写,写的不好,见笑了 :)

在IE6 FF2下测试通过.
fins
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue可拖拽列表
zhengyun1568的博客
03-09 402
1.先下载插件 npm i -S vuedraggable 中文文档：http://www.itxst.com/vue-draggable/tutorial.html 2.引入 import draggable from "vuedraggable"; components: { draggable }, 2.vue中使用 <draggable :list="dataChecked" :disabled="!enabled" class="list-group" ghost-cla
可拖拽列表
08-28
android开发 拖拽改变item顺序的listview
可拖动列表
weixin_30376509的博客
12-09 183
前天做了个树形菜单，今天接着让它可拖动。 补充一点： 要禁止移动中选中文字，FF可以设置CSS xxxx{-moz-user-select:none;} 其他的浏览器可以设置 XXXX.onselectstart = function(){return false} 一种实现原理就是点击没目标元素之后，创建一个占位元素（或者复制一份目标元素，即拷贝B），然后拖动目标元素（或者复制...
实现可拖拽的列表
aeon521730041的博客
08-02 420
本文是对上一篇文章“以列表形式显示动态加载的数据”进一步操作，实现列表的各个选项均可拖拽。 开发环境：eclipse 使用的语言：JavaScript，HTML 采用的方法：使用JavaScript书写端口，调用JSP传递参数，接收数据，将数据在主页面显示，从而完成数据交互。 实现功能的源代码： 1. 主页面的HTML源代码 <!DOCT...
DragDropListCtrl(可拖拽列表控件)
10-08
这是我在网上看到的一个程序，支持对列表控件中项的拖拽，同时有多种选择方式，点选，单行多行选择，可以对项的位置进行拖动改变。功能还是很全面的。很适合大家学习列表控件。压缩包中有完整的VC++6.0工程，可以直接运行。
《C#经典编程220例》.(明日科技).【带书签】-共3部分
08-02
实例059 通过定义方法求一个数的平方 95 实例060 使用重载方法实现不同类型数据的计算 97 实例061 使用属性存储用户编号和姓名 99 实例062 使用索引器 101 实例063 通过类继承计算梯形面积 103 实例064 封装类实现一...
套打控件及实例(实现套打)
11-28
在描述中提到的"IEprinterXP.dll"很可能就是一个这样的控件，它可能是用于Internet Explorer浏览器的套打解决方案，帮助用户实现网页内容的精准套打。控件通常包含了一系列API函数和方法，开发者可以通过调用这些...
js效果页面实例及说明文档包html版
08-30
绝对的经典javascript收藏 包含了各个种类的js校验实例 web开发绝妙帮手 <br>javascript收藏 1.页面校验 1.文本框约束输入 2.表单校验工具库 3.文本框部分内容不让改变 2.下拉框类 ...
可对列表自由拖拽排序的jQuery插件
09-19
可对列表自由拖拽排序的jQuery插件可对列表自由拖拽排序的jQuery插件可对列表自由拖拽排序的jQuery插件可对列表自由拖拽排序的jQuery插件可对列表自由拖拽排序的jQuery插件可对列表自由拖拽排序的jQuery插件可对列表自由拖拽排序的jQuery插件
jquery左键拖动选值，类似html5的input[range]
05-21
最近项目要做一个类似于html5里的Input[range]滑动选值的效果，原理很简单，拖动时目标随鼠标位置变化，不过中间也遇到了一个问题，在chrome下没问题，在FF和IE下，只有右键能很好的拖动，左键拖动一下就不能动了，最后无意中发现FF和IE在对<a>标签的拖动有特殊的处理，无奈，不用<a>标签就是了。
jq实现拖拽，可以选择显示的内容
03-13
jq实现拖拽，可以选择显示的内容，仿照QQ空间的拖拽功能
JS拖动选择table里的单元格完整实例【基于jQuery】
10-16
主要介绍了JS拖动选择table里的单元格,结合完整实例形式分析了基于jQuery的table表格动态操作相关实现技巧,涉及事件响应及页面元素属性动态操作使用方法,需要的朋友可以参考下
拖拽列表.html
03-21
/** 拖拽功能实现原理和说明： 1、说明：拖拽实现一般有两种方式，一种是使用html的新特性dragable，但是由于在火狐浏览器上dragable每拖拽一次会打开一个新的标签， 尝试阻止默认行为和冒泡都无法解决，所以使用第二种方法来实现拖拽。第二种方法是使用js监听鼠标三个事件，配合节点操作来实现。 2、实现原理： 01-在允许拖拽的节点元素上，使用on来监听mousedown(按下鼠标按钮)事件，鼠标按下后，克隆当前节点 02-监听mousemove(鼠标移动)事件，修改克隆出来的节点的坐标，实现节点跟随鼠标的效果 03-监听mouseup(放开鼠标按钮)事件，将原节点克隆到鼠标放下位置的容器里，删除原节点，拖拽完成。 3、优势： 01-可动态添加允许拖拽的节点(因为使用了on委托事件) 02-可获取到原节点，跟随节点，目标节点的对象，可根据需要进行操作。 03-使用js实现，兼容性好。 **/
vue+element 使用sortablejs的可拖拽列表
mmmmmmmmzw的博客
02-24 1073
vue+element 使用sortablejs的可拖拽列表 效果展示 sortablejs官网 http://www.sortablejs.com/index.html 第一步：引入组件 使用npm下载sortablejs npm install sortablejs --save 再在vue文件头部导入组件 import Sortable from 'sortablejs' 第二步：绘制前端页面 <ul> <li v-for="(fie
可拖拽列表+点击效果
最新发布
特仑苏的博客
04-20 179
在他的基础上添加了点击后的效果，实现一个类似菜单一样的列表，可以拖拽。思路和一般的菜单点击一样，只是从常见的匹配index变成匹配id。在大佬的代码上修改了一些地方。绑定了<li>的id属性，用点击事件把id记录下来，然后在把匹配当前点击的li的id和存的id。ps：gif的掉帧好严重。可拖拽列表是参考这位大佬的。
vue实现可拖拽列表组件
xiaobaige6084的博客
06-18 2352
列表内容和样式在外部自定义，话不多说，直接上代码 1. 用drag事件实现，唯一不好的是拖拽时的半透明框没法修改 <template> <divclass="list"ref="listRef1"@mousedown="drag"@mousemove='dragover'@mouseup='dragend'@mouseout="out"> <divclass="list-item"v-for="(item,index)inlistDat...
vuedraggable实战：结合具体应用场景实现列表内拖拽排序、列表间移动、复制，介绍、安装、使用、坑点及解决方案
热门推荐
学海无涯，行者无疆
12-05 5万+
从实战角度介绍如何使用Draggable实现一个配置功能，用到的关键属性和方法，需要注意的事项，坑点以及解决方案。
使用jQuery实现表格单元格拖动选择
"JS拖动选择table里的单元格完整实例，基于jQuery实现，提供了一个类似Excel的动态选择功能。" 在网页开发中，有时我们需要创建交互式的表格，让用户能够像在Excel中那样拖动选择多个单元格。这个实例就是通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值