jQuery UI の並べ替え可能な要素の順序をデータベースに保存する
jQuery UI の並べ替え可能な関数を利用して、要素を並べ替えて新しい順序を保存できます。データベースに。以下に包括的な例を示します。
sortable 関数には、ID を含む要素の配列を作成する 'serialize' メソッドが含まれています。この配列を利用することで、要素の位置が変更されたときにこの情報を指定された 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 中国語 Web サイトの他の関連記事を参照してください。