jQuery UI の並べ替え可能な要素の順序をデータベースに保存するにはどうすればよいですか?

Susan Sarandon
リリース: 2024-11-07 10:00:04
オリジナル
915 人が閲覧しました

How to Save the Order of jQuery UI Sortable Elements in a Database?

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート