MediaWiki:Common.js: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
Line 2: | Line 2: | ||
mw.loader.load('https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css', 'text/css'); | mw.loader.load('https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css', 'text/css'); | ||
// JS laden und initialisieren | // DataTables JS laden und initialisieren | ||
mw.loader.getScript('https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js') | mw.loader.getScript('https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js') | ||
.then(function () { | .then(function () { | ||
$(function () { | $(function () { | ||
var table = | var table = $('#example'); | ||
if (table) { | |||
if (table.length) { | |||
$('# | // Füge zusätzliche Kopfzeile mit Input-Feldern hinzu | ||
$('#example thead').append('<tr></tr>'); | |||
$('#example thead tr:eq(0) th').each(function () { | |||
var title = $(this).text(); | |||
$('#example thead tr:eq(1)').append('<th><input type="text" placeholder="Suche ' + title + '" /></th>'); | |||
}); | |||
// DataTable initialisieren | |||
var dataTable = table.DataTable(); | |||
// Spaltensuche aktivieren | |||
dataTable.columns().every(function () { | |||
var that = this; | |||
$('input', this.header()).on('keyup change clear', function () { | |||
if (that.search() !== this.value) { | |||
that.search(this.value).draw(); | |||
} | |||
}); | |||
}); | |||
} | } | ||
}); | }); | ||
}); | }); | ||
Revision as of 02:01, 25 June 2025
// DataTables CSS laden mw.loader.load('https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css', 'text/css'); // DataTables JS laden und initialisieren mw.loader.getScript('https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js') .then(function () { $(function () { var table = $('#example'); if (table.length) { // Füge zusätzliche Kopfzeile mit Input-Feldern hinzu $('#example thead').append('<tr></tr>'); $('#example thead tr:eq(0) th').each(function () { var title = $(this).text(); $('#example thead tr:eq(1)').append('<th><input type="text" placeholder="Suche ' + title + '" /></th>'); }); // DataTable initialisieren var dataTable = table.DataTable(); // Spaltensuche aktivieren dataTable.columns().every(function () { var that = this; $('input', this.header()).on('keyup change clear', function () { if (that.search() !== this.value) { that.search(this.value).draw(); } }); }); } }); });