如何创建可拖动的小部件? [英] How to create draggable widgets?

问题描述

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

I am tasked with developing the front-end to an analytics product that presents the information to the user in a customizable dashboard like the one used by Google Analytics: - Dashboard is comprised of draggable widgets arranged in a grid layout - Widgets have a drag handle which can be clicked by the user to start dragging - Widgets can be re-ordered by dragging and dropping the widget

第1部分.使用jQuery(或任何其他开放源代码Javascript API)，任何人都可以从高层次的概述中向我解释如何实现此功能.

Part 1. Using jQuery (or any other open source Javascript API) can anyone explain to me how such a feature is implemented, from a high level overview.

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

Part 2. Can you recommend any resources for me to read that may be relevant to implementing this feature, or any foreseeable related features? (books, links, api docs, tutorials)

推荐答案

您可以轻松实现此目的. 您将从以下位置获取必需的信息

You can easily implement this. You will get required info from

http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/

和

http://james.padolsey.com/javascript/inettuts-with-cookies/

这篇关于如何创建可拖动的小部件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！