Wie sortieren Datentabelle wie FogBugz Hüllen Tabelle

Question

Wer jemals sehen, wie Fogbugz sortiert ihre Tabellen? Wenn Sie die Spalte sortieren klicken auf, brechen sie tatsächlich die Tabelle in viele kleine Tische, die jede Kategorie von Informationen haben.

Sie fragen, ob jemand weiß, wie sie das tun?

Suchen Sie diese Funktion zu implementieren.

Wenn Sie einen Blick durch die Hüllen nehmen und sortieren können Sie sehen, was ich meine.

Jede Hilfe wäre super!

Haben Sie noch diese eine nicht herausgefunden.

EDIT: @ Peter, ich will nicht jedes Mal eine Tabelle mit den Header-Titel für eine Art geklickt wird und Postback neu erstellen. Ich möchte auch wissen, ob sie eine allgemeine Lösung für diese ist. Wenn ich auf dem Header klicken, um zu sortieren, die übrigens von Javascript, seperates es die „eine“ Tabelle in viele, und ich möchte wissen, ob ihre jede generische Lösung dafür ist, weil es ist nur eine viel bessere Möglichkeit, eine sortierte Tabelle der Betrachtung.

EDIT: ich einen Javascript-Sortierer tun müssen, aber wenn Sie rechts unten bei der Umsetzung von Fogbugz aussehen, erzeugt es ein anderes Ergebnis ...

Answer 1

Yup, Reich wurde es (I codiert diese Funktion in FogBugz eine lange Weile zurück).

Wenn Sie dies tun auf dem Client haben Sie keine andere Wahl, als die Daten zu sortieren, durchlaufen sie Tabellenzeile zu erzeugen, nachdem Tabellenzeile, und jedes Mal, wenn Sie einen neuen Sortierwert Hit erstellen Sie eine neue Thead w / die entsprechende Informationen.

Um ehrlich zu sein, wäre es eine ziemlich coole Änderung dieser jQuery-Plugin sein: http://tablesorter.com/docs/ und Sie wären in der Lage ein Los von ihrer Arbeit zu nutzen. Wenn Sie in der Zeit, und erstellen Sie eine allgemeine Lösung ablegen werden, könnte genauso gut macht es für die Gemeinschaft zu erreichen.

Answer 2

Ohne zu wissen, speziell, wie Fog Creek erreicht dies, die Art und Weise, die ich tun würde, es auszugeben ist ein Tabellenkopf, dann durch die Liste durchlaufen, eine Fußzeile und einen neuen Header ausgibt, jedesmal, wenn der Gruppenwert geändert.

Answer 3

Nicht sicher, welche Antwort haben Sie erwarten. SQL-Abfrage für diese einfach Bestellung auf ausgewählte Spalte verwenden würde, und UI würde neue Tabelle jedes Mal ändert sich dieser Wert starten.

Hier ist Screenshot von FogBugz mit dieser Sortierung nach auf Spalte Priorität klicken.

http://img297.imageshack.us/img297/6974/76755363ee3.png

Natürlich neue Tabelle Start macht keinen Sinn für jede Spalte (Titel, Fall #) machen.

---

Edit: Wenn ich richtig verstehe, sind Sie nach einem Weg suchen, wie dies ohne den Laden neue Seite in einem Browser zu tun. Wenn dies der Fall ist, würde ich zumindest vorschlagen, eine serverseitige Unterstützung, die Ihre Daten in der richtigen Reihenfolge zurückkommen würde, und richtig für die untergeordneten Tabellen strukturiert (in xml / json / was auch immer Sie verwenden). Ihr Javascript wird diese Daten verwenden, Tabellen zu erstellen. Ich bin sicher, dass andere mit mehr Web-ui Erfahrung werden Sie mit besseren Antworten.

Answer 4

Ich habe die Sortable Tabellen Skript von Kryogenix mit einigen guten Ergebnissen verwendet .

Answer 5

Ich weiß nicht, ob es relevant ist, aber wir speichern die Ergebnisse einer Abfrage in einer temporären Tabelle in SQL, und dann der Referenzstrom-Reihen weniger ein, um zu sehen, ob eine Kategorie geändert hat, und zeigt dies in die resulset.

In einigen Fällen wir „zeigen“ dies mit einer Säule, die

<tr><td colspan=999>Category Heading</td></tr>

, so dass die Web-Seite kann nur „injizieren“, dass in die Tabelle es baut.

SELECT Col1, Col2, ...,
       [CATEGORY] = CASE WHEN T1.CategoryCol <> COALESCE(T2.CategoryCol, '')
           THEN '<tr><td colspan=999>' + T1.CategoryCol + '</td></tr>'
           ELSE ''
           END
FROM #MyTempTable AS T1
     LEFT OUTER JOIN #MyTempTable AS T2
         ON T2.ID = T1.ID - 1