Mysql
 sql >> база данни >  >> RDS >> Mysql

jQuery UI Sortable, след което запишете поръчка в база данни

Потребителският интерфейс на jQuery 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. node.js mysql грешка:ECONNREFUSED

  2. (mysql, php) Как да получа стойност на полето auto_increment преди вмъкване на данни?

  3. mysqli:може ли да подготви множество заявки в едно изявление?

  4. Подобряване на производителността на MySQL с разширени настройки на InnoDB

  5. Какъв тип данни на MySQL трябва да се използва за географска ширина/дължина с 8 знака след десетичната запетая?