如何使用iGoogle上的可拖动部分?

时间:2009-03-02 16:49:46

标签: javascript igoogle

查看iGoogle时,每个部分都可以拖放到页面上的任何其他位置,然后保存页面状态。我很好奇这是如何完成的,因为我想提供此功能作为概念证明的一部分?

更新

如何制作以便为下次加载保存更改的布局?我猜这是某种饼干?

5 个答案:

答案 0 :(得分:5)

任何最新的客户端框架都将提供这种功能。

仅举几例......

关于数据的“保存”(持久性,如果愿意),这取决于站点的后端,但这通常是通过对服务器的异步调用来完成的,该服务器将状态保存到DB(通常情况下)。

答案 1 :(得分:5)

答案 2 :(得分:2)

使用jQuery非常简单。查看有关主题的this blog entry

编辑:当我回答时,我错过了“保存页面的状态”部分问题。根据您构建应用程序的方式,该部分会有很大差异。您需要以某种方式存储页面的状态,这将取决于用户。如果您不介意在每次清除Cookie缓存时强制用户恢复其首选项,则可以使用cookie存储状态。

我不知道您的应用程序是如何构建的,所以我无法提出任何进一步的建议,但在jQuery中存储cookie也非常简单。 this blog entry的第一部分告诉您几乎所有需要知道的事情。

答案 3 :(得分:2)

我讨厌对此做一个简短的回答,但有几十种不同的JavaScript库提供这种类型的功能,以及谷歌提供的大量教程和指南:

http://www.google.com/search?q=javascript+draggable

您可能需要查看一些JavaScript库/框架:

答案 4 :(得分:1)

这里没有提到的一个方法是,从2.0框架中的ASP.NET开始,微软推出了一个名为WebParts的东西,它可以构建可以以相同方式拖动和放置的控件。这应该是用户创建自己的Web 2.0样式门户的简单方法。