Datatable içinde sortable kullanımı ?
datatable içine verileri json olarak alıyorum
fakat bir türlü id değerine ulaşamadım.
bu konuda yardımcı olabilirmisiniz.?
var o = $("#anasayfa-list").DataTable({
processing: true,
serverSide: true,
serverMethod: 'POST',
ajax: {
url: "/SayfaData/",
},
columns: [
{data: 'id'}
],
rowReorder: {
dataSrc: 'id',
selector: 'tr'
},
});
-----------
$( "#anasayfa-list > tbody" ).sortable({
delay: 150,
stop: function() {
var datav = new Array();
$('#anasayfa-list > tbody').each(function() {
datav.push($(this).attr("TRID"));
});
console.log(datav);
alert(datav);
update(datav);
}
});
function update(data) {
$.ajax({
url:"/Sortable/",
type:'post',
data:{sira:data},
success:function(){
alert('güncel');
}
})
}
<div class="table-responsive">
<table id="anasayfa-list" class="table table-striped table-bordered display" style="width: 100%">
<thead>
<tr id="TRID" class="btn-info">
<th class="noshort" title="Tümünü Seç">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="checkall"/>
<label class="form-check-label" for="checkall"></label>
</div>
</th>
<th>id</th>
</tr>
</thead>
</table>
</div>
bende id leri felan almayı felan hallettim
php tarafında nasıl bişi yapacağımı düşünüyordum.
bu şekilde tr lere idleri aktardım o sayfadaki id leri de komple aldım da bakalaım seninki nasıl.
rowCallback: function (row, data) {
var dataid = data.id;
$(row).attr('id', 'data-'+dataid);
},
$("#sortable").sortable({
revert: true,
cursor: 'move',
handle: ".sec",
stop: function(event, ui){
var data = $(this).sortable('serialize');
console.log(data);
$.ajax({
type: "POST",
dataType: "json",
data: data,
url:"/SayfaData/",
success: function(response){
if(response.Status == "ok"){
}
if(response.Status == "error"){
}
}
});
}
});
$("#sortable").disableSelection();
});