> Jquery插件draggable，多个节点拖动,该如何处理
Jquery插件draggable，多个节点拖动,该如何处理
guobin119 & &
发布时间： & &
浏览：44 & &
回复：1 & &
悬赏：0.0希赛币
Jquery插件draggable，多个节点拖动
拖拽源到指定位置，
如果只有一个节点我能拖过去，
但是如果有很多个，形成一个dom列，改如何拖？
html代码：
　　&table&width="310"&height="248"&border="1"&class="tuozhuais"&
&&&&&&&tr&class="tz"&&
&&&&&&&&&td&&&class="a"&A&/td&
&&&&&&&&&td&&&&&class="b"&b&/td&
&&&&&&&&&td&&&&class="c"&&c&/td&
&&&&&&&&&td&&&&&class="d"&d&/td&
&&&&&&&/tr&
&table&width="197"&height="71"&border="0"&class="tuozhuaiyuan"&
&&&&&td&width="59"$>$img&src="__PUBLIC__/img/ed_05.png"&width="15"&height="15"&alt="X"&A&/td&
&&&&&td&width="64"$>$img&src="__PUBLIC__/img/clock.png"&width="17"&height="18"&alt="X"&B&/td&
&&&&&td&width="52"$>$img&src="__PUBLIC__/img/close.gif"&width="12"&height="12"&C&/td&
&&&&&td$>$img&src="__PUBLIC__/img/data_icon.png"&width="17"&height="21"&D&/td&
　　&script&
&&&&&&$(function(){
&&&&&&&&&&$(".tuozhuaiyuan&tr&td").draggable({&helper:"clone"&&});
想要的效果就是下面的A、B、C、D&可以拖到上面指定的地方。
将你的dom列放在一个容器中&然后定义这个容器为可拖动的guocaihui & &
& & （0）（0）
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&&&湘教QS2-164&&增值电信业务经营许可证湘B2-请问各位有没有以节点形式单纯地编辑数据关系的插件？_百度知道
请问各位有没有以节点形式单纯地编辑数据关系的插件？
正在寻找一个以节点形式编辑对话的界面请问各位有没有这类插件的资源…?? 这个TheSpaghetti Machine纯粹以节点表达「数据」的关系而不是「状态」的关系…结构上应该比起PlayMaker更为简单……
我有更好的答案
//forum.unity3d...://forum.找到近似的了./threads/151328-WIP-Dialog-System" target="_blank">http.再自行修改一下. <a href="http
u脚本是不是比较接近你说？
向医生提问
完善患者资料：*性别：
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁纸飞机许愿
前端路上，一路有你。编辑你的正能量，快乐工作，努力生活~
> 7款主流JavaScript/HTML5图表控件对比评测
7款主流JavaScript/HTML5图表控件对比评测
作者： 轩枫
点击量：21
随着各行各业的发展，对于数据处理，数据可视化都有了不同的需求，根据自己的实际情况，选择一款实用的图表制作工具，显得尤为重要，这里选择8款主流JavaScript/HTML5图表控件，从基本功能到产品特性，再到服务技术支持，全方位对比，帮助有需要的朋友能够快速准确找到自己所需要的产品。
这7款产品分别是：、HighCharts、Google Chart Tools、Sencha ExtJS Charts、Chart.js、Flot、jqPlot
图表库概况与产品服务对比
7款JavaScript/HTML5图表总括性对比
FusionCharts
HighCharts
Google ChartTools
Sencha ExtJS Charts
出色网络、移动应用程序JS图表
网络项目中的交互式JavaScript
站点实时数据显示
免费插件图表(只有部分extJS框架)
简单，面向客户端图形的设计者和开发者
支持jQuery绘画的JS
万能，可扩展的jQuery插件
应用SVG和VML的JS/HTML5图表
应用SVG和VML的JS/ HTML5图表
应用SVG和VML的HTML5图表
应用SVG和VML的JS图表
基于图表的Canvas
应用Canvas和VML的 Canvas和VML图表
运用Canvas的HTML5图表
数据输入格式
浏览器支持
所有wed、移动浏览器，包括IE6
所有wed、移动浏览器，包括IE6
所有wed浏览器、移动浏览器，包括IE6
所有web浏览器，移动浏览器需要使用Sencha Touch
所有wed浏览器、移动浏览器，包括IE6
E 6+, Chrome, Firefox 2+, Safari 3+和Opera 9.5+
IE 7, IE 8, Firefox, Safari和Opera
图表和地图类型
90多种2D、3D图表类型，950种以上所有大洲、美国国家和地区、欧洲国家以及其他地区地图生成
25类以上2D地图，不支持3D图表
13种2D地图可作为 GeoChart使用
13种2D地图，不支持3D图表
6种图表类型
8种2D图表类型，不支持地图和3D图表
25种类型以上的2D图表，不支持3D图表和地图
源代码是否可供下载和修改
有收费版，也有免费版
非商用版使用免费
只能是部分Sencha Touch捆绑包或者Sencha完整包使用
MIT下授权免费
1500多页的帮助文档，包含新手指南，详细的API参考，综合示例，高级功能辅导性解释
新手指南，详细的 API参考，简单例子
新手指南，详细的 API参考，简单例子
新手指南，API参考
新手指南，API参考
新手指南，API参考
新手指南，API参考
是否带源代码演示功能
是。众多的即插即用真实演示与源代码可供下载
是。有丰富的演示
保修升级服务
个性化技术支持，20000多位活跃用户论坛供交流
个性化技术支持
个性化技术支持和论坛交流
21000多位客户，450000多位发者
由此可见，JavaScript/HTML5图表中，在总体情况比较和服务技术支持这一块，FusionCharts Suite XT还是比较值得推荐的，当然要根据具体情况选择。
图表功能对比
介绍该图表详细的功能特征，可以帮助你进一步选择自己合适的图表
说明：“√”表示支持，“-”表示不支持。
FusionCharts
HighCharts
Google Chart Tools
Sencha ExtJS Charts
支持，默认关闭
需要附加代码
可在数据或Java Script代码中配置，Linked-Charts使多层次钻取更容易
通过JavaScript代码
通过JavaScript代码
通过JavaScript代码
通过JavaScript代码
通过JavaScript代码
需要附加代码
有。交互式数据系列展示/隐藏，溢出条件滚动条
支持。支持定位
滚动/镜头移动
横坐标轴标签管理
智能x轴标签管理，避免重叠的标签，自动旋转标签，覆盖标签，为长标签添加省略号。支持旋转和步进
不可用，没空间可用时，标签重叠后很凌乱
数字格式化属性
内置调色板，通过数据中属性进一步定制
调色板和主题
支持，可完全使用的成分颜色、比率、阿尔法和角度
代码中运用附加 JSON主题文件或属性
代码中运用属性
运用SASS和Compass
代码中运用属性
代码中运用属性
代码中运用属性
需要附加插件
是否支持图表输出jpg、png、fdp
支持。PDF可以使用托管出口处理程序或者自处理
canvas部分支持，FPD支持不可用
canvas部分支持，FPD支持不可用
原生jQuery集成
是。通过Fusion Charts jQuery插件集成
第三方/社区贡献
JS展示的图表与数据
服务器端api易于集成,无需JS代码
是，支持ASP.NET、PHP、ASP、Java、Rubyon Rails等
第三方/社区贡献
自定义有标签在X轴展示时间表/信息垂直线
FusionCharts提供不同图表类型附加功能在此处没有列出
JavaScript文件直接从google服务器加载。所以你的应用必须联网才可留来图表
运用Canvas绘画图表，所以不提供任何交互
根据自己的实际情况，选择一款功能强大的数据可视化工具是相当重要的，图表功能越多，对于数据的处理越是精细，我们数据分析中得到的信息就越多，因此在功能对比这项，毫无疑问FusionCharts Suite又得头魁。
图表类型对比
对这些产品中的图表类型进行罗列
说明：“√”表示支持，“-”表示不支持。
FusionCharts
HighCharts
Google Chart Tools
Sencha ExtJS Charts
90多种2D、3D图表类型，950种以上所有大洲、美国、国家和地区、欧洲国家以其他地区地图等
25类以上2D地图，不支持3D图表
13种2D地图可作为GeoChart使用
13种2D地图，不支持3D图表
6种图表类型
8种2D图表类型，不支持地图和3D图表
25种类型以上的2D图表，不支持3D图表和地图
支持2D和3D
支持2D和3D
支持。可缩放、滚动、定位
支持。可缩放、定位
支持。不可缩放、定位
支持。不可缩放、定位
支持。不可缩放、定位
支持。不可缩放、定位
支持。不可缩放、定位
饼形图&环形图
支持。可相互旋转的2D和3D图
支持2D和3D
散点图&气泡图
支持。通过在散点图交互选项选择可视数据点
支持。可交互缩放
只支持散点图，气泡图不可用
支持散点图
支持。100%重叠支持
阴阳线/股票图
速度计/表盘图
漏斗/金字塔图
支持。2D和3D
支持。无金字塔图
细分市场份额矩阵图
微型柱形图，输赢图
带滚动功能图表
支持。可在所有柱形图，折线图，面积图，叠加图和组合图中滚动
可定位，其他不支持
跨多轴组合柱、线、面积图图
支持。包括3D柱形图
线性&灯泡仪表图
温度计和汽缸图表
日志和逆轴图表
误差棒&散射图表
网络仿真节点图、组织图
允许拖放的视觉可编译图表
支持。柱形图，面积图，折线图可用
附加图表类型支持
误差棒&散点图、盒形图&须状图、多层次派、Kagi图
Treemap图、面积图、表格图表/网格
排位金字塔图、Engel&洛伦茨曲线、多层次派、街区平面图
上面的内容中，没有提到这个优秀的图表组件，来自百度的ECharts，功能是非常强大的，手机端和PC端都表现不错，值得推荐。
设置滚动速度
扫一扫，用手机观看！
用微信扫描还可以
分享至好友和朋友圈
SocialRecruitment社会招聘
C++后台开发工程师
腾讯公司 微信企业应用中心
高级产品运营经理、运营开发工程师、高级产品经理
不打卡只刷脸、咖啡可乐下午茶、体检健身境外游、带薪年假很多天、五险一金、加班送吻
负责微信企业号后台开发、优化与架构工作
有成功上线项目经验
精通Linux下C/C++开发
掌握网络,存储方面的开发
We Want You
后台开发工程师
简历请发送至页面导航：
→ 正文内容 javascript 树控件
javascript 树控件 比较好用
构建树控件的比较理想的一种方法是用ul、li这种简单的标签组合来实现，但是你如果想实现复杂一点的比如要节点可编辑、可拖动、可更换风格等等我想ExtJS是最好的选择了。
TreePanels 是ExtJS自身使用的树控件，它是目前最好用的树控件之一，它有诸多优点比如支持自由拖放，ExtJS本身就有非常完善的API和开发文档，但是商业项目是需要购买license的。
QooXdoo&Tree Widget是一款OOP风格的js树控件，它支持自由扩展树控件的样式，比如做成跟文件系统一样的风格，还支持动态添加子节点、键盘导航。
jstree兼容多个浏览器，它有诸多跟extjs TreePanels一样的有点，不过由于是基于Jquery的插件，所以代码风格就不是OOP。
TreeView&是基于Jquery的轻量性、可扩展性强的树控件，它可以把ul列表转变成可以折叠伸缩的树，支持基于配置存储和cookie的树结构保存策略，树控件的基础代码比较轻量很适合在集成到各种项目。
跟4功能比较类似，风格更接近xp文件系统，构造起来非常方便。
这是一款可配置的、ajax方式读取的Jquery文件浏览插件，大概用一行代码你就可以构造一颗树，它支持的服务端语言包括：PHP, ASP, ASP.NET, JSP, and Lasso，（它直接输出HTML，而jsTree和Extjs分别是通过json和xml来构建树）。
jQuery SimpleTree是用来展示树形结构的可拖放插件，简介美观但是代码比较晦涩所以扩展可能比较难。
又一个轻量级树控件。
实现了J.Q.WalkerII（译者注：一种节点定位算法）一款js树控件。10、总结
构建树控件的比较理想的一种方法是用ul、li这种简单的标签组合来实现，但是你如果想实现复杂一点的比如要节点可编辑、可拖动、可更换风格等等我想ExtJS是最好的选择了。
上一篇：下一篇：
最 近 更 新
热 点 排 行
12345678910