Mysql
 sql >> डेटाबेस >  >> RDS >> Mysql

jQuery UI सॉर्ट करने योग्य, फिर डेटाबेस में ऑर्डर लिखें

JQuery UI sortable सुविधा में एक serialize शामिल है विधि यह करने के लिए। यह काफी सरल है, वास्तव में। यहां एक त्वरित उदाहरण दिया गया है जो किसी तत्व की स्थिति में परिवर्तन होते ही डेटा को निर्दिष्ट URL पर भेज देता है।

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

        // POST to server using $.post or $.ajax
        $.ajax({
            data: data,
            type: 'POST',
            url: '/your/url/here'
        });
    }
});

यह क्या करता है कि यह तत्वों का उपयोग करके तत्वों की एक सरणी बनाता है id . इसलिए, मैं आमतौर पर ऐसा कुछ करता हूं:

<ul id="sortable">
   <li id="item-1"></li>
   <li id="item-2"></li>
   ...
</ul>

जब आप serialize . का उपयोग करते हैं विकल्प, यह इस तरह एक POST क्वेरी स्ट्रिंग बनाएगा:item[]=1&item[]=2 आदि। इसलिए यदि आप उपयोग करते हैं - उदाहरण के लिए - id . में आपकी डेटाबेस आईडी विशेषता है, तो आप बस POSTed सरणी के माध्यम से पुनरावृति कर सकते हैं और तदनुसार तत्वों की स्थिति को अपडेट कर सकते हैं।

उदाहरण के लिए, PHP में:

$i = 0;

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

jsFiddle पर उदाहरण।



  1. Database
  2.   
  3. Mysql
  4.   
  5. Oracle
  6.   
  7. Sqlserver
  8.   
  9. PostgreSQL
  10.   
  11. Access
  12.   
  13. SQLite
  14.   
  15. MariaDB
  1. MySQL रूट उपयोगकर्ता पासवर्ड कैसे रीसेट करें

  2. एक कॉलम में कई मानों वाली क्वेरी

  3. आईफोन डिवाइस के टाइम ज़ोन में समय कैसे बदलें?

  4. एक शूस्ट्रिंग बजट पर उच्च उपलब्धता - एक न्यूनतम दो नोड MySQL गैलेरा क्लस्टर की तैनाती

  5. मैं MySQL में कॉलम कैसे पिछड़ सकता हूं?