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>  
acemi
809 gün önce

@abdullahx

saolasın böyle id noyu aldım da bu sefer direk sürekli haliyle post ediyor

function updateOrder(data) { 
		$("#anasayfa-list ").click(function (e) {
			e.preventDefault();
			$.ajax({
				url:"/SayfaData/",
				type:'post',
				data:{sira:data},
				success:function(){ 
					$('#anasayfa-list').DataTable().ajax.reload();  
				}
			})
		}) 

		} 

böyle yapınca da çalışmıyor

$("table tbody ") çalışmadı
	$("table tbody tr ")
		$("#anasayfa-list > tbody > #id")
		
		teşekkür ederim buraya kadar ilgilendiğin için bnu arada