JQuery-TableSorter-Komma-Ziffer-Parser funktioniert nicht

Hier ist mein problem,

Ich bin derzeit mit dem JQuery Tabelle Sorter und ich fand eine Komma-Ziffer-parser auf das web. Das problem, das ich habe ist, es scheint nicht zu funktionieren.

So, hier ist, was die Spalte sortiert ist, wie:

4,666
141,666
293
341,666
346
461,676

Diese sortiert werden sollen, wie

293
346
4,666
141,666
341,666
461,676

Den parser, den ich verwende ist dieses:

$( function() { 

    $.tablesorter.addParser({
        id: "fancyNumber",
        is: function(s) {
            return /^[0-9]?[0-9,\.]*$/.test(s);
        },
        format: function(s) {
            return $.tablesorter.formatFloat(s.replace(/,/g, ''));
        },
        type: "numeric"
    });
});

Ich weiß nicht genau ich falsch mache. Bin ich laden Sie es falsch? Ist der parser falsch? Ich brauche echt Hilfe hier, und habe zu kämpfen mit diesem problem für eine Weile jetzt.

Edit:, Weil, wie Generiere ich meine Spalten und die Spalten dürfen vom Benutzer gewählt werden, ich würde nie wissen, welche header ist in und nicht. Ich habe versucht mit der class="{sorter: 'fancyNumber'}" - Befehl, wie hier angegeben: http://tablesorter.com/docs/example-meta-parsers.html

**Edit:**Es sieht aus wie eine der Spalten ist richtig, aber diese Spalte ist noch immer Probleme. vielleicht, weil es Ziffern und Komma getrennte Ziffern?

InformationsquelleAutor |

10

Für jeden, der kommt über diese Frage. Ich hatte, um die Klasse zu meiner Kopfzeile. Also für alle header, die ich wollte, um ausgefallene Art, habe ich noch diese Klasse:
```
<th class=\"{sorter: 'fancyNumber'}\">
```
Dieser drehte sich auf den sorter standardmäßig, die es zu arbeiten schön.

Was mich erkennen, meine Fehler in meinen Möglichkeiten war, sich auf den debugger so gerne.
```
$("#tblInfo").tablesorter({debug:true, widgets: ['zebra'], widgetZebra: { css: ['d0', 'd1']} });
```
- Cool. Gute Arbeit.
- Sie müssen nicht, dies zu tun. Die Kopfzeilen-option ermöglicht es Ihnen, um den Datentyp anzugeben. Look tablesorter.com/docs/example-parsers.html es und sehen. In Ihren Optionen, die Sie geben Sie einfach headers: { 5: 'mysorter' } - und hey presto.
- Das ist nicht gut, aber wenn Sie haben eine dynamische Anzahl von Spalten. E. g. manchmal wird diese Spalte ist die Spalte 5 in der Tabelle und Spalte 4 in einer anderen Tabelle. Indem er ihn in das TH direkt, stellen Sie sicher, es funktioniert überall. Ich weiß nicht, wie die Angabe von Spalte-Nummern numerisch hardcoded.
- Dies funktioniert wie beworben, aber stellen Sie sicher, dass Sie die jquery.metadata.js lib, wie der Bedarf für die Angabe von inline-Optionen. github.com/jquery/jquery-metadata
- Ich Frage mich, warum meine class="{sorter: 'numeric'}" hat nicht funktioniert; ich hatte nicht in der <th> Eintrag! Klar, wenn gedacht, aber ich wusste nicht, Stelle es auf den ersten. Ihr Beitrag hat mir geholfen, danke!
- danke, das war sehr hilfreich Fehlersuche meiner eigenen zu bauen!
InformationsquelleAutor
3

Dies kann auch passieren, wenn Sie vergessen haben, enthalten die Metadaten plugin

** Hier gepostet, da dies war das erste suchergebnis bei Google.
- Ich habe dabei mir die Haare über diese für Stunden. Ich bin mir nicht sicher, wenn die Dokumentation schlecht ist oder ich bin einfach ein idiot, aber sicher sollten Sie beachten, dass Metadaten ist ein jquery-plugin. Es ist toll, wie Ihr Kommentar, 2 Jahre später, ist es geschafft, mir zu helfen.
InformationsquelleAutor

hier, was ich getan habe:

$(document).ready(function() {
      $.tablesorter.addParser({
        id: 'fancyNumber',
        is:function(s){return false;},
        format: function(s) {return s.replace(/[\,\.]/g,'');},
        type: 'numeric'
    });
    $("table").tablesorter({headers: {0: {sorter: 'fancyNumber'}}});
});

arbeitete mit Komma-und Punkt-separator.

testen http://jsbin.com/equci5

InformationsquelleAutor

2

Ich habe eine Lösung gefunden, die für mich gearbeitet.
In der tablesorter.js ändern Sie die formatFloat () - Funktion wie folgt:
```
this.formatFloat = function (s) {
            var i = parseFloat(s.replace(/[,]/g, ''));
            return (isNaN(i)) ? 0 : i;
        };
```
Diese ersetzen die Kommas, die waren sich mit der Sortierung.
Die Antwort fand hier.
Hoffe, das hilft...!

InformationsquelleAutor
0

Versuchen explizit die Zuordnung der parser in .tablesorter() Erklärung.
```
.tablesorter( { headers: { 0: { sorter:'fancyNumber' } }); 
```
Siehe Quelle
- Weil, wie Generiere ich meine Spalten und die Spalten dürfen vom Benutzer gewählt werden, ich würde nie wissen, welche header ist in und nicht. Ich habe versucht mit der class="{sorter: 'fancyNumber'}" - Befehl, wie hier angegeben: tablesorter.com/docs/example-meta-parsers.html
- Ich kann sehen, dass. Ist tablesorter mit einem anderen parser für die "fancyNumber" Spalten? Würde es klug sein zu verschieben die Parser-Erstellung über der anderen, so dass es bekommt den ersten Riss in der Spalte, wenn Sie von einer der anderen Parser wird zuerst ausgewählt?
- Jared, Wie würde ich wissen, wenn Ihr mit einem anderen parser? Ich bin mit der mini-version der sorter so kann ich nicht genau setzen Sie diese parser vorne... Mein Gedanke ist, dass es bei der Suche, wie eine Reihe für einige Zeilen und eine Zahl mit Komma, für andere... Für einige Grund sein, es funktioniert einfach nicht richtig..
- Hier ist der debug-Schritte, die ich versuchen würde: 1) In der Firebug-Konsole (oder was auch immer) stellen Sie sicher, dass die regex löst eine wahre auf den ersten Wert in der Spalte 2) Stellen Sie sicher, dass das ersetzen funktioniert korrekt zu Streifen die Kommas aus 3) Versuchen Sie, die "unminified" version und setzen Sie den parser als das zweite (nach dem text) und sehen, ob das funktioniert-wenn ja, wird es ein wenig schwieriger zu umgehen.
InformationsquelleAutor Jared
0

Als Jared erwähnt hat, müssen Sie angeben, welche Spalte verwendet die Parser, wenn Sie nicht wissen, der index der Spalte, dann finden Sie Sie unserer die Nutzung dieser:
```
var fancyIndex = $('th.fancyColumn').prevAll().length
var headers = {};
headers[fancyIndex] = {sorter:'fancyNumber'}

$("table").tablesorter({headers:headers})
```
- Ducky, die zweite Zeile funktioniert nicht... Sie sagt Ihr fehlt ein ; an der Stelle, [wo die header deklariert ist.
- versuchen Sie nun, ich vergaß zu hinzufügen var headers = {}; Zeile
- NÖ, noch nicht passiert. Die, die ich für Ihre Idee, für eine andere Spalte, war die Sortierung falsch angefangen zu arbeiten, richtig. Vielleicht ist es gerade dieser Spalte thats Probleme... Vielleicht, weil es eine ganze Zahl und ein Komma getrennte ganze Zahl in der gleichen Spalte?
- versuchen Sie schlagen die Semikolons am Ende jeder Zeile.
InformationsquelleAutor duckyflip
0

Ich, versuchen Sie diesen regulären Ausdruck: /(\d{1,3})?(\,\d{3})*/

InformationsquelleAutor
0

Parser nur mal an die ersten tbody Zeile zu erkennen, welche parser zu verwenden. Ich vermute, deine erste Zeile hat keine Kommas drin. Ich lief in das gleiche problem, und schließlich nur gezwungen der parser wollte ich mit class="{sorter: 'fancyNumber'}"

InformationsquelleAutor
0

Sind Sie komplett richtig, dass der parser sollte funktionieren, der Grund, warum es nicht ist, ist aufgrund von einen bug in dem plugin. Kurz gesagt das plugin denkt, es kann Sortieren von zahlen mit Kommas in Sie Sie richtig, und so nutzt die integrierte sorter, aber dann nicht, um Sie zu Sortieren korrekt.

Gibt es ein paar Möglichkeiten, es zu beheben.

Erstens kann man (wie oben vorgeschlagen) erzwingen Sie die Verwendung Ihrer Sortier-Funktion (entweder in der oder in die javascript Initialisierung des plugins).

Zweitens können Sie das plugin verwenden Ihre Funktionen den Vorzug zu Ihrem eigenen sind, dies kann erreicht werden durch eine Umkehrung der Richtung der for-Schleife in Zeile 220 der plugin.

Drittens kann man den gebrochenen Standard-Sortier-Verhalten geändert wird, entweder die Ziffer-Erkennung-Funktion nicht akzeptieren Kommas (Linie 861 des plugins) oder durch ändern der Standard-Nummer sorter zu handhaben Kommata (Zeile 852 des plugins).

Ich angesprochen haben, dieses Thema auf die tablesorter google code Seite: http://code.google.com/p/tablesorter/issues/detail?id=6

InformationsquelleAutor
0

Ich habe eine Lösung gefunden, die für mich gearbeitet. In der tablesorter.js ändern Sie die formatFloat () - Funktion wie folgt:
```
this.formatFloat = function (s) {
            s = s.toString();
            var i = parseFloat(s.replace(/[,]/g, ''));
            return (isNaN(i)) ? 0 : i;
        };
```
Diese ersetzen die Kommas, die waren sich mit der Sortierung. Fand die Antwort hier. Hoffe, das hilft...!

InformationsquelleAutor

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.