2011-04-07 71 views
1

我一直在做一個可排序的列表。我想實現一個這樣的排序列表:http://jqueryui.com/demos/sortable/#connect-lists-through-tabsjQuery UI Sortable php/mysql

這是ajax通信,我真的堅持。

我已經設置了一個jsfiddle,http://jsfiddle.net/pnrAx/,顯示我當前的代碼。 (注意,它是複製和粘貼負載的垃圾,需要清理)

這些字段,更新每行的信息工作正常,沒有問題。排序也適用於屏幕,我可以很好地拖放項目。

爲了解決這個問題,我怎樣才能將頁面中的排序後的元素與ajax(json?)一起放到php頁面的數組中?

從那裏,它應該是很容易更新表。

回答

1

什麼,我會做的是,當你輸出,那麼HTML把它們放到數組這樣

<input type="hidden" name="block[369][id]" value="369"/> 
<input type="hidden" name="block[369][menuBolk_id]" value="55"/> 
<input type="hidden" name="block[369][matstovuID]" value="39"/> 
<input type="text" name="block[369][Heiti]" value="Big Burgara Matskrá" style="width: 60%; font-weight: bold; padding: 4px; line-height: 150%; font-size: 12pt; background-color: #ccc;"/> 
<textarea style="width: 60%; background-color: #ccc;" name="Vorulysing"></textarea> 
<div style="margin-top: -70px; padding-bottom: 70px;"> 
    <input type="text" name="block[369][Pris][]" value="Kr 83,-" class="price priceR" style="width: 10%;"/> 
    <input type="text" name="block[369][Pris][]" value="" class="price priceC" style="width: 10%;"/> 
    <input type="text" name="block[369][Pris][]" value="" class="price priceL" style="width: 10%;"/> 
</div> 

那麼當你波斯特你將有「塊」的帖子,這將是一個多維數組

所以在這個例子中,你想要的是一次提交它們,並按照它們被複位的順序處理它們,以便用戶進行排序然後點擊提交按鈕,表單將按照它們的順序提交所有的發佈數據排序他們。那有意義嗎 ?

+0

是的,我明白了。但是,這是我遇到問題的列表的排序。我可以接受一個簡單的帖子,分別更新字段。我可以在屏幕上對列表進行排序,但我不知道如何在我的php腳本中獲得排序順序 – Ragnar123 2011-04-07 18:15:11

+0

@ Ragnar123編輯答案 – mcgrailm 2011-04-07 18:24:59

0

在drop函數中,我會通過$ .ajax調用一個php頁面,併發送剛刪除的查詢字符串中的ID,新位置以及tab/category ID。然後在新頁面上,從數據庫中獲取舊的排序位置,並循環遍歷新位置和該項目的舊位置之間的所有項目,這些項目被放下或遞減每個項目的位置。

+0

如何從jQuery發送位置? – Ragnar123 2011-04-07 18:18:40