我該如何去執行類似Google Reader中使用的文件夾樹？

Question

我正在構建一個網站，用戶可以在其中創建一個帳戶並將RSS源添加到其個性化用戶頁面。用戶可以使用Web表單重新安排他們的訂購訂單。但我更喜歡它，如果他們可以使用某種ajax文件夾樹（如Google Reader）來組織他們的提要。

*（如果你不熟悉的谷歌閱讀器的界面，這裏是一個截圖 - http://goo.gl/TkG6m）

目前我的表設置這樣的...

USERS

user_id |用戶名| email_address |密碼

FEEDS

FEED_ID | feed_name | feed_url | feed_order | feed_owner

我不會進入太多的細節。但是，基本上，「feed_owner」的值與特定的「user_id」相對應。 「feed_order」確定訂閱源在用戶頁面上顯示的順序 - 默認情況下，它們在用戶分配一個（它們只是按字母順序顯示）之前沒有任何價值。

我不知道該從哪裏出發。

我不是在尋找一些神奇的教程（儘管如果有的話我會很高興）。我只需要一些幫助來制定一個攻擊計劃來實現這個類似谷歌閱讀器的文件夾樹用戶提要。

Answer 1

這聽起來像你想要與dnd插件jstree。看看http://www.jstree.com/documentation/dnd，特別是底層的重新排序演示。

第一步是讓您的feed以jstree顯示。只需按照文檔，你應該沒問題。

爲了讓生活更輕鬆，請考慮將每個元素的id設置爲feed_id。這使得儲蓄的變化更容易，因爲你可以使用$(elem).attr("id")

要管理秩序的ID，你可以結合drag_finish一個函數，從DOM抓住秩序和使用AJAX更新數據庫。