jQuery UI Sortable and Database Integration

jQuery UI Sortable के साथ, आप उपयोगकर्ताओं को तत्वों को पुनर्व्यवस्थित करने और एक विशिष्ट क्रम बनाए रखने के लिए सशक्त बना सकते हैं। इस कार्यक्षमता को अपने डेटाबेस के साथ एकीकृत करने के लिए, आप AJAX या फॉर्म सबमिशन के साथ क्रमबद्ध विधि का लाभ उठा सकते हैं।

$('#sortable').sortable({
    axis: 'y',
    update: function (event, ui) {
        var data = $(this).sortable('serialize');

        $.ajax({
            data: data,
            type: 'POST',
            url: '/your/url/here'
        });
    }
});

एक HTML संरचना का उपयोग करके जैसे:

   

   

   ...

क्रमबद्ध विधि एक क्वेरी स्ट्रिंग उत्पन्न करेगी जैसे: आइटम[]=1&आइटम[]=2, जहां प्रत्येक मान पुनर्व्यवस्थित तत्व की आईडी का प्रतिनिधित्व करता है।

आपके डेटाबेस को मानते हुए आईडी तत्व आईडी से मेल खाते हैं, फिर आप पोस्ट किए गए डेटा के माध्यम से लूप कर सकते हैं और संबंधित डेटाबेस रिकॉर्ड को उनकी नई स्थिति के साथ अपडेट कर सकते हैं।

$i = 0;

foreach ($_POST['item'] as $value) {
    $query = "UPDATE [Table] SET [Position] = $i WHERE [EntityId] = $value";
    // Execute the query
    $i  ;
}

एक डेटाबेस के साथ jQuery यूआई सॉर्टेबल को एकीकृत करने से आप वस्तुओं के क्रम को गतिशील रूप से बनाए रख सकते हैं, ऑर्डर और दृढ़ता के लिए एक उपयोगकर्ता के अनुकूल इंटरफ़ेस प्रदान करते हैं।