我怎样才能实现像谷歌阅读器中使用的文件夹树这样的东西


How could I go about implementing something like the folder tree used in Google Reader?

我正在建立一个网站,用户可以在其中创建一个帐户并将RSS提要添加到他们的个性化用户页面。用户可以使用 Web 表单重新排列其 Feed 订单。但是,如果他们可以使用某种ajax文件夹树(如Google Reader(来组织他们的提要,我更喜欢它。

*(如果您不熟悉Google Reader界面,这里有一个屏幕截图 - http://goo.gl/TkG6m(

目前我的桌子是这样设置的...

用户

user_id | 用户名 | email_address | 密码

饲料

feed_id | feed_name | feed_url | feed_order | feed_owner

我不会讲得太详细。但是,基本上,"feed_owner"的值对应于特定的"user_id"。"feed_order"决定了 Feed 在用户页面上的显示顺序 - 默认情况下,在用户分配一个之前,它们没有值(因此它们只是按字母顺序显示(。

我不知道该何去何从。

我不是在寻找一些神奇的教程(虽然,如果有的话,我会很高兴(。我只需要一些帮助来制定实施这个类似 Google 阅读器的文件夹树用户提要的攻击计划。

听起来你想要带有 dnd 插件的 jstree。看看 http://www.jstree.com/documentation/dnd,尤其是底部的仅重新排序演示。

第一步是让你的提要显示在jstree中。只需按照文档进行操作,您应该没问题。

为了使生活更轻松,请考虑将每个元素的 id 设置为feed_id。 这使得保存更改更容易,因为您可以使用 $(elem).attr("id") 获取 ID

要管理订单,您可以将一个函数绑定到从 dom 获取订单并使用 AJAX 更新数据库的drag_finish