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

最新推荐文章于 2025-05-27 08:08:35 发布
最新推荐文章于 2025-05-27 08:08:35 发布
阅读量395 收藏
点赞数
分类专栏： web前端 文章标签： 单元测试 Excel IE
本文介绍了一项计划加入ECGrid的功能：通过鼠标拖拽来选择表格中的局部信息，并支持数据复制粘贴。该功能目前处于初步测试阶段，已在IE6和FF2浏览器下验证其可行性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

类似excel中那种利用鼠标拖拽选择表格局部信息.

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

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

在IE6 FF2下测试通过.
vue可拖拽列表
zhengyun1568的博客
03-09 481
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
《C#经典编程220例》.(明日科技).【带书签】-共3部分
08-02
实例059 通过定义方法求一个数的平方 95 实例060 使用重载方法实现不同类型数据的计算 97 实例061 使用属性存储用户编号和姓名 99 实例062 使用索引器 101 实例063 通过类继承计算梯形面积 103 实例064 封装类实现一...
可拖拽列表
08-28
android开发 拖拽改变item顺序的listview
可拖动列表
weixin_30376509的博客
12-09 222
前天做了个树形菜单，今天接着让它可拖动。 补充一点： 要禁止移动中选中文字，FF可以设置CSS xxxx{-moz-user-select:none;} 其他的浏览器可以设置 XXXX.onselectstart = function(){return false} 一种实现原理就是点击没目标元素之后，创建一个占位元素（或者复制一份目标元素，即拷贝B），然后拖动目标元素（或者复制...
15.3 【基础项目】使用 TypeScript 实现可拖拽排序列表
最新发布
Raink老师的博客
05-27 294
本文介绍了使用TypeScript构建可视化拖拽排序列表的实现方法。文章从HTML/CSS结构搭建开始，通过设置draggable属性和样式效果，创建了美观的列表界面。核心部分详细讲解了TypeScript实现的拖拽逻辑，包括dragstart、dragend和dragover事件处理，以及插入位置计算函数getDragAfterElement。最后提到需要将TypeScript编译为JavaScript才能在浏览器中运行。该实现不仅提供了流畅的拖拽交互体验，还包含视觉反馈效果，为Web应用增添了直观的数据
实现可拖拽的列表
aeon521730041的博客
08-02 463
本文是对上一篇文章“以列表形式显示动态加载的数据”进一步操作，实现列表的各个选项均可拖拽。 开发环境：eclipse 使用的语言：JavaScript，HTML 采用的方法：使用JavaScript书写端口，调用JSP传递参数，接收数据，将数据在主页面显示，从而完成数据交互。 实现功能的源代码： 1. 主页面的HTML源代码 <!DOCT...
DragDropListCtrl(可拖拽列表控件)
10-08
这是我在网上看到的一个程序，支持对列表控件中项的拖拽，同时有多种选择方式，点选，单行多行选择，可以对项的位置进行拖动改变。功能还是很全面的。很适合大家学习列表控件。压缩包中有完整的VC++6.0工程，可以直接运行。
JavaScript校验实例及页面特效代码集
- **下拉框关联**：两个下拉框联动，选择一个选项后，另一个下拉框根据选择的内容更新选项。 #### 3. 导航类 导航类组件提高页面间的交互性，包含以下功能： - **TabPage**：多个页面的切换，可以实现类似标签页的...
【CGridCtrl单元格自定义指南】：深入编辑器与单元格类型
CGridCtrl是一种广泛使用的表格控件，其单元格自定义功能为开发者提供了强大的灵活性和扩展性。本文全面深入探讨了CGridCtrl单元格自定义的机制，包括编辑器类型、单元格类型的分类与特性、属性定制、高级应用、性能...
套打控件及实例(实现套打)
11-28
在描述中提到的"IEprinterXP.dll"很可能就是一个这样的控件，它可能是用于Internet Explorer浏览器的套打解决方案，帮助用户实现网页内容的精准套打。控件通常包含了一系列API函数和方法，开发者可以通过调用这些...
可对列表自由拖拽排序的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空间的拖拽功能
QT实现可拖拽排序的表格
09-26
QT实现可拖拽行排序的表格，研究了一天实现的自定义控件。 效果类似QQ好友分组的拖动排序功能，非常流畅，内含我对表格的常用初始化代码和样式设置。具体内容见博客分类“Qt实用技术”内文章。
拖拽列表.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 1162
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 232
在他的基础上添加了点击后的效果，实现一个类似菜单一样的列表，可以拖拽。思路和一般的菜单点击一样，只是从常见的匹配index变成匹配id。在大佬的代码上修改了一些地方。绑定了<li>的id属性，用点击事件把id记录下来，然后在把匹配当前点击的li的id和存的id。ps：gif的掉帧好严重。可拖拽列表是参考这位大佬的。
vue实现可拖拽列表组件
xiaobaige6084的博客
06-18 2435
列表内容和样式在外部自定义，话不多说，直接上代码 1. 用drag事件实现，唯一不好的是拖拽时的半透明框没法修改 <template> <divclass="list"ref="listRef1"@mousedown="drag"@mousemove='dragover'@mouseup='dragend'@mouseout="out"> <divclass="list-item"v-for="(item,index)inlistDat...
FarPoint.Win.Spread.SheetView 拖拽一个单元格自动填充后续单元格
04-03
此外，用户可能需要了解如何设置初始数据，比如设置一个单元格的值，然后拖拽填充到其他单元格，观察自动填充的效果。 另外，需要考虑用户提到的引用内容中的信息，比如引用[3]提到自定义单元格类型，可能用户希望...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值