$(document).ready(function () { $("body").off("click", "#getBauteile"); $("select").off('change'); $("body").on("change", "select.aw", function() { var typToShow = $(this).val(); if ( typToShow === "none" ) { resetTable(); return; } console.log( "Zeige Bauteile des Typs " + typToShow + " an ..."); var arr = $.parseJSON(DB.getBauteile(typToShow)); resetTable(); getBauteile(arr); }); $("body").on("click", "#getBauteile", function() { resetTable(); getBauteile(); $("#results").tablesorter(); }); }); function resetTable() { $("#results").html("TXLCodestatusAbf-DatMess-DatRau-DatLief-DatLieferboxOfenSchottOrderNr"); } function getBauteile(arr) { $.each(arr, function(idx, ele){ var abfDate = ele.Abformdatum.split(" "); var messDate = ele.Messdatum.split(" "); var rauDate = ele.Rauheitsdatum.split(" "); var liefDate = ele.Lieferdatum var row = ""; if ( abfDate[0] === "0000-00-00" ) { abfDate[0] = "-/-"; } if ( messDate[0] === "0000-00-00" ) { messDate[0] = "-/-"; } if ( rauDate[0] === "0000-00-00" ) { rauDate[0] = "-/-"; } if ( liefDate === "0000-00-00" ) { liefDate = "-/-"; } $tr = $('').append( $('').text(ele.TXLCode), $('').text(ele.status), $('').text(abfDate[0]), $('').text(messDate[0]), $('').text(rauDate[0]), $('').text(liefDate), $('').text(ele.Lieferbox), $('').text(ele.Ofen), $('').text(ele.SchottOrderNr) ).appendTo('#results'); }); }