2011-08-15 25 views
1

這是我的第一個問題。長話短說,我想這樣做:拖放並插入MySQL

http://jqueryui.com/demos/draggable/#sortable

但是,當我拖到「我拖」框下面的排序列表,我想它的行添加到使用PHP我的MySQL表。我能達到什麼樣我想這樣的部分:

http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/demo.php

但我希望用戶能夠排序在jQueryUI的演示。

在jqueryui演示中,「drag me down」在上面的例子中,會有一個選項列表。該列表將是查詢MySQL表的結果。在jqueryui的例子中,項目1,2,3都是空白的,直到用戶將他們想要的列表項目拖到項目1/2/3區域,這應該是可排序的(即能夠拖動列表項目該清單並創建所需的順序)。

那麼,當新的列表項被拖入項目1/2/3區域時,我該如何插入數據庫。我知道如何實現排序。但我不知道如何將項目添加到列表中以便能夠對它們進行排序。谷歌搜索沒有什麼用處。

任何人都可以幫助指向正確的方向嗎?

回答

0

開始關小,並獲取JavaScript/jQuery來掀起alert()console.log()當「用戶拖動其所需的列表項進項目」。然後用ajax請求替換alert()console.log()

2

我不是很理解你在這裏問什麼。

但我不知道如何真正將項目添加到列表中,以便能夠對它們進行排序

如果你所取得的成就是在jQuery UI的演示,然後我希望你正在尋找在如何序列化用戶修改並將修改發送到服務器以便更新數據庫。

如果是這樣,那麼你可能想看看可排序的方法serialize序列化列表id以發送作爲Ajax請求。

.sortable("serialize" , [options]) 

還有change事件,您可以在用戶更改排序時掛鉤。

$(".selector").bind("sortchange", function(event, ui) { 
    ... 
});