v2.5.2
Giriş yap

Datatable içinde sortable kullanımı ?

acemi
469 defa görüntülendi

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>  
abdullahx
808 gün önce

Bugün tevafuk o ki bana da datatable içerisinde sıralama lazım oldu. Ve rowreorder eklentisini kullanınca az buçuk hâkim oldum.
Mantık olarak bir satırı (tr) yer değiştirince bütün satırlara ait spesifik bir değerin o anki sırasını alıp sunucuya göndermek üzere bir mantığı var. Bu mantık üzerine olması gerekiyor. Şu an mobildeyim. Birkaç saat sonra benim çalıştığım kodları paylaşacağım.
Siz de bunun haricinde bir şey eklemek isterseniz ekleyin.