JQuery, Ajax, LENKER Tabelle löschen, dann neu Auffüllen

Ok also hier ist die Antwort im Fall, jemand ist auf der Suche nach es die Straße hinunter.

Was ich tun wollte, war klar, die Tabelle, bevor ich angehängt geänderten Daten, so dass, wenn ich die:

$('table.output').empty();

bevor Sie die append-ich dachte, das könnte funktionieren. Allerdings war ich faul und hatte nicht meine handlebars.js Vorlage aus einer anderen Datei, also alles, was ich Tat, ist clearing aus meiner Vorlage, so könnte es nicht wieder aufgefüllt werden. Ist es im Grunde gar nicht existieren.

So erstellen Sie eine externe Datei namens yourtemplate.LENKER und fügen Sie Ihren code. In meinem Fall war es swooutput.LENKER:

<tr>
<td>{{id}}</td>
<td>{{item_no}}</td>
<td>{{swo}}</td>
<td>{{team_number}}</td>
<td>{{employee_payrate}}</td>
<td>{{customer_number}}</td>
<td>{{customer_name}}</td>
<td>{{customer_number}}</td>
<td>{{week_ending}}</td>
</tr>

dann erstellen Sie eine templates.js Datei in einem js-Ordner in etwa so:

Handlebars.getTemplate = function(name) {
if (Handlebars.templates === undefined || Handlebars.templates[name] === undefined)    {
    $.ajax({
        url : name + '.handlebars',
        success : function(data) {
            if (Handlebars.templates === undefined) {
                Handlebars.templates = {};
            }
            Handlebars.templates[name] = Handlebars.compile(data);
        },
        async : false
    });
}
return Handlebars.templates[name];
};

Bekam ich, dass von irgendwo, aber kann mich nicht erinnern, wo im moment. Wenn ich das Tue, poste ich den link. Trotzdem, statt mit der Vorlage in die Seite, die Sie verwenden, die Funktion zu greifen, die Vorlage (macht es schneller als das kompilieren zur Laufzeit). Oder Sie können vorkompilierte templates, ich finde diese Methode einfacher.

So hier ist das fertige jquery-ajax-call mit dem modifizierten code:

$('a.button').on("click", function(e){
            e.preventDefault();

            var date = $('#datepicker').val();
            var func = "get_all_swo_by_date";
            //$('table.output').empty();

            $.ajax({
                url: "../includes/db_functions.inc.php",
                type: "post",
                data: ({ p : date, f : func }),
                dataType: "json",
                success: function(results) {
                    $('table.output').empty();

                    var template = Handlebars.getTemplate('swooutput');

                    $.each(results, function(i, context){
                            $('table.output').append( template(context) );
                    });

                }
            });
        });

Ich hoffe das hilft die nächste person, die kommt.