İş Kolu sütununda Teslim Edilenler var. Sol üstten Tüm Siparişler'e tıkladığımızda Teslim Edilenler haricindeki değerleri göstermesini istiyoruz. Yardımcı olur musunuz? Ya da bunun farklı bir yolu var mıdır?
var dataTables = $('#dataTable').DataTable({
initComplete: function () {
this.api().columns([1,2,4,5,6]).every( function () {
var column = this;
var select = $('<select class="filtre"><option value=""></option></select>')
.appendTo( $(column.footer()).empty() )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
});
column.data().unique().sort().each( function ( d, j ) {
var val = $('<div/>').html(d).text();
if (val.length>29) {
filtremetin = val.substr(0,30)+"...";
} else {
filtremetin=val;
}
select.append( '<option value="' + val + '">' + filtremetin + '</option>' )
});
});
},
"ordering": true, //Tabloda sıralama özelliği gözüksün mü? true veya false
"searching": true, //Tabloda arama yapma alanı gözüksün mü? true veya false
"lengthChange": false, //Tabloda öğre gösterilme gözüksün mü? true veya false
"info": true,
dom: "<'row mobilgizleexport gizlemeyiac'<'col-md-6'l><'col-md-6'f><'col-md-4 d-none d-print-block'B>>rtip",
buttons: [
{
extend: 'copyHtml5',
className: 'kopyalama-buton',
messageBottom: "Aksoy İş Takip Sistemi Tarafından Üretilmiştir",
},
{
extend: 'excelHtml5',
className: 'excel-buton',
messageBottom: 'Aksoy İş Takip Sistemi Tarafından Üretilmiştir',
},
{
extend: 'pdfHtml5',
className: 'pdf-buton',
messageBottom: 'Aksoy İş Takip Sistemi Tarafından Üretilmiştir',
},
{
extend: 'csvHtml5',
className: 'csv-buton',
messageBottom: 'Aksoy İş Takip Sistemi Tarafından Üretilmiştir',
}
]
});
//Sonradan yapılan butona tıklandığında asıl dışa aktarma butonunun çalışması
function fnAction(action) {
switch (action) {
case "excel":
$('.excel-buton').trigger('click');
break;
case "pdf":
$('.pdf-buton').trigger('click');
break;
case "copy":
$('.kopyalama-buton').trigger('click');
break;
case "csv":
$('.csv-buton').trigger('click');
break;
}
}
//Tablo filtreleme işlemleri
$('#hepsi').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("").draw();
});
$('#tasarim').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Tasarım").draw();
});
$('#olcu').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Olcu Calısması").draw();
});
$('#cnc').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("CNC Kesim").draw();
});
$('#montaj').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Montaj").draw();
});
$('#lazer').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Lazer Kesim").draw();
});
$('#plotter').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Plotter").draw();
});
$('#baski').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Baskı").draw();
});
$('#fiyat').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Fiyatlandırma").draw();
});
$('#imalat').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("İmalat").draw();
});
$('#teslim').on('click', function () {
dataTables
.columns()
.search( '' )
.columns( '.sold_out' )
.search( 'YES' )
.draw();
dataTables.column(4).search("Teslim Edilenler").draw();
}); <button type="button" id="hepsi" style="margin-bottom: 5px;" class="btn btn-sm btn-dark btn-icon-split">
<span class="icon text-white-65">
<img src="/toplamsiparis.png">
</span>
</button>
<button type="button" id="baski" style="margin-bottom: 5px;" class="btn btn-sm btn-dark btn-icon-split">
<span class="icon text-white-65">
<img src="/baski.png">
</span>
</button>
<button type="button" id="cnc" style="margin-bottom: 5px;" class="btn btn-sm btn-dark btn-icon-split">
<span class="icon text-white-65">
<img src="/cnckesim.png">
</span>
</button>