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>
Haklısınız aslında ama dokümanlarda örneğin serverMethod ayarına ulaşamadım bir türlü ondan kafam karıştı :) Neyse gereksiz uzattım sanırım, biraz çözüm odaklı olalım.
Şöyle bir şey deneyin bakalım konsolda nasıl bir çıktı verecek
var o = $("#anasayfa-list").DataTable({
processing: true,
serverSide: true,
serverMethod: 'POST',
ajax: {
url: "/SayfaData/",
},
columns: [
{data: 'id'}
],
rowReorder: {
dataSrc: 'id',
selector: 'tr'
},
rowCallback: function (row, data) {
console.log(data.id)
},
});