名字:Todos 功能:待办事项的增删改查,学习vuex的思想,充分使用了mountain和action,引入了charts 做的图表分析,支持拖拽排序和滑动设置 说明:因为没有时间搭建后台服务,直接用的locaStroge做的数据存储,也就没有用到axios,设置页面本来想做个数据导出和导入,现在 ...
分类:
其他好文 时间:
2017-12-15 13:31:37
阅读次数:
230
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>div的横向排序</title> <style type="text/css">body,div{padding: 0px;margin: 0px;}.box{ma ...
分类:
编程语言 时间:
2017-10-13 12:41:08
阅读次数:
208
自己常试写了一个可拖拽进行自定义排序的列表,可能写的不太好,欢迎提供意见。 我的思路是将列表中的所有项都放进一个包裹层,将该包裹层设为相对定位,每当点击一个项时,将该项脱离文档并克隆一份重新添加到文档末尾并通过设置绝对定位让它出现在同样的位置,而原本在它后面的项则会因为它脱离文档而自动填充空位,当鼠 ...
分类:
编程语言 时间:
2017-10-05 18:25:50
阅读次数:
204
<!DOCTYPE HTML> <html><head> <meta charset="UTF-8"> <title>div横向拖拽排序</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <sty ...
分类:
Web程序 时间:
2017-08-17 20:15:37
阅读次数:
298
相关链接: https://github.com/bevacqua/react-dragula https://github.com/bevacqua/react-dragula demo: https://bevacqua.github.io/dragula/ 引用dragula.css 否则没有 ...
分类:
编程语言 时间:
2017-07-10 17:57:53
阅读次数:
138
今天应一个朋友的委托,研究一下拖拽排序,我记得我上次写拖拽排序,因为方法太死板,效果我一直不是很满意,一直想再从写一个,一直没机会(懒),这次因为公司部门变动所以有了一些时间(无聊)来写,本来准备使用Vue写,奈何功夫不到家在自定义指令的时候,问题卡住了,研究了一段时间之后,还是决定放弃,研究一下V ...
分类:
编程语言 时间:
2017-04-26 11:51:07
阅读次数:
239
order by排序是最常用的功能,但是排序有时会遇到数据为空null的情况,这样排序就会乱了,这里以MySQL为例,记录我遇到的问题和解决思路。 问题: 网页要实现table的行鼠标拖拽排序,我用AngularJs集成了一个TableDnD开源插件,可以实现,然后在数据库表中增加一个排序字段ind ...
分类:
数据库 时间:
2017-04-08 21:26:21
阅读次数:
243
ztree本身是可以支持拖拽的,但是却没有找到明确的支持拖拽的排序,也就是说,在拖拽过程中,需要自定义维护拖拽后的顺序并保存至后台。 在这样一个比较常规的需求情况下,网上也有朋友给出了一些解决方案,比如自定义一个tree传入ztree, 不使用ztree的识别字段,而是使用自定义字段,然后当ztre ...
分类:
编程语言 时间:
2017-03-17 16:12:15
阅读次数:
218
1.想做这个效果的原因主要是用在UC上看新闻发现他们的导航菜单很有趣。无聊的时候在哪划着玩了很久。所以就干脆自己写一个。原效果如下 2.整体效果如下,在已推荐和未添加里面每个小方块可以触摸移动位置互换。未添加和已添加里面的小方块位置可以拖放。 3.结构分析。整体结构用红线框标出。可以分为三个部分。关 ...
分类:
编程语言 时间:
2016-09-10 23:41:43
阅读次数:
427