如何创建可拖动的小部件?

时间:2011-09-22 12:23:25

标签: javascript jquery

背景

我的任务是开发一个分析产品的前端,该产品在可自定义的仪表板(如Google Analytics使用的仪表板)中向用户显示信息:   - 仪表板由以网格布局排列的可拖动小部件组成   - 窗口小部件有一个拖动句柄,用户可以单击该控制柄开始拖动   - 可以通过拖放小部件来重新排序小部件

问题

第1部分。使用jQuery(或任何其他开源Javascript API),任何人都可以从高级概述向我解释如何实现这样的功能。

第2部分。您能否为我推荐任何可能与实现此功能或任何可预见的相关功能相关的资源? (书籍,链接,api文档,教程)

7 个答案:

答案 0 :(得分:6)

编辑这个看起来更好,更保养! GRID by UberVU

列表中的下一个是gridster.js

PS:我知道这是一个老线程,但由于这个问题是谷歌的第一个问题,我认为值得列出一些较新的库。

答案 1 :(得分:5)

答案 2 :(得分:1)

首先要发现的是jQuery UI

答案 3 :(得分:0)

你可以在这里找到很多信息: http://jqueryui.com/demos/draggable/

答案 4 :(得分:0)

  1. 使用jQuery,进入Demo& Doc页面,了解D& D的使用方式。
  2. 如果您想深入了解Widget Page / Dashboard架构,并希望了解其他人如何做到这一点,请查看Omar AL Zabir的书

答案 5 :(得分:0)

答案 6 :(得分:0)