在資料庫中儲存jQuery UI 可排序元素的順序
利用jQuery UI 可排序功能,我們可以對元素重新排序並保存新順序到資料庫。以下是一個綜合範例:
可排序函數包含一個「序列化」方法,該方法使用其 ID 建立元素數組。透過使用這個數組,我們可以產生一個查詢字串,當元素的位置發生變化時,該字串將這些資訊傳送到指定的 URL。
$('#element').sortable({ axis: 'y', update: function (event, ui) { var data = $(this).sortable('serialize'); // Send data to server using Ajax $.ajax({ data: data, type: 'POST', url: '/your/url/here' }); } });
在伺服器端腳本(例如PHP)中,我們可以迭代接收到的陣列並相應地更新資料庫記錄:
$i = 0; foreach ($_POST['item'] as $value) { // Execute statement: // UPDATE [Table] SET [Position] = $i WHERE [EntityId] = $value $i++; }
這使我們能夠動態更新客戶端和資料庫中元素的順序,確保使用者所做的變更保留。
以上是如何在資料庫中保存 jQuery UI 可排序元素的順序?的詳細內容。更多資訊請關注PHP中文網其他相關文章!