Sıralama Jquery Drag and Drop

Siralam Için Gerekli Jquery

<script src="http://destek.karayeltasarim.com/siralama/jquery.jeditable.js" type="text/javascript"></script>

Siralam için gerekli jquery kodu

<script>

$(document).ready(function () {

$("#sortable").sortable({

opacity: 0.6, cursor: 'move', update: function () {

var order = $(this).sortable("serialize") + '&action=updateRecordsListings';

$.post("/sayfa/sirala", order);

}

});

$("#sortable").disableSelection();

});

</script>

Html de yapilacaklar

<tbody id="sortable">

foreach ten sonraki tr için

<tr id="recordsArray_@(Sayfa.SayfaID)">

Sayfa Siralama Kodu

public void SayfaSirala()

{

using (var dbc = new acentaEntities())

{

string idler = Request.Form["recordsArray[]"];

string[] idListesi = idler.Split(',');

int sira = 1;

foreach (var id in idListesi)

{

int sayfaID = Convert.ToInt32(id);

Sayfa sayfam = dbc.Sayfas.FirstOrDefault(a => a.SayfaID == sayfaID);

sayfam.SayfaSirasi = sira;

sira = sira + 1;

}

dbc.SaveChanges();

}

Routing

routes.MapRoute(

"SayfaSiralama",

"sayfa/sirala",

new { Controller = "Yonetim", action = "SayfaSirala" }

);