Repeater: sauberste Weg collapsable Einträge in einer Tabelle über asp erzeugt zu implementieren?

Question

Bevor jemand schlägt vor, insgesamt die Tabellen-Tags Verschrottung, bin ich Modifizieren nur diesen Teil eines sehr großen Systems, so wäre es wirklich nicht klug, für mich die Tabellenstruktur zu überarbeiten (die App mit ähnlichen Tabellen gefüllt sind).

Dies ist eine Webapp in C # .NET - Daten kommen von einem Webservice und werden auf dem Bildschirm in einer Tabelle angezeigt. Die Zeilen der Tabelle sind mit asp generiert: Wiederholer, so daß die Reihen abwechselnde colers schön. Der Tisch war zuvor ein Element von Daten pro Zeile. Nun, im wesentlichen, der Tisch Unter Header hat ... Die erste Reihe ist das Datum, zeigt die zweite Zeile eine Zeile von Daten, und alle folgenden Reihen sind Datenzeilen, bis Daten von einem neuen Datum kommt, wobei in diesem Fall wird eine weitere Unterschriftenzeile sein.

Zuerst dachte ich, ich könnte ein wenig betrügen und tun dies ziemlich leicht den aktuellen Repeater zu halten struktur- Ich muss nur ein paar Zellen füttern die leere Zeichenkette, so dass keine Daten in ihnen erscheint. Nun aber erwägen wir eine jener +/- collapsers neben jedem Datum, so dass sie alle Daten zusammenbrechen können. Mein Geist ging sofort Zeilen zu verstecken, wenn eine Taste gedrückt wird ... aber ich weiß nicht, wie Zeilen aus dem Code hinter sich zu verstecken, wenn die Zeile eine eindeutige ID hat, und ich bin nicht sicher, ob Sie, dass mit Repeatern tun können .

Ich hoffe, ich habe das Problem gut ausgedrückt. Ich bin sicher, dass ich TBH einen Weg finden würde, aber ich sah nur diese Seite auf Slashdot und dachte, ich würde gebe ihm mal:)

Answer 1

Wenn Sie die Zeile in dem Databinding-Ereignisse bauen, Sie in einer eindeutigen Kennung hinzufügen können sagen, mit der ID des Datenfeld oder etwas anderes, das Sie es einzigartig machen verwenden.

Dann könnten Sie eine Client-Seite-Methode verwenden Einsturz zu erweitern, wenn Sie es mit den Daten am Anfang füllen wollen, für die Tabellenzeile Element der style.display Einstellung in Javascript Makel.

Answer 2

nur den Inhalt der Elementvorlage in einer asp wickeln: Panel, dann haben Sie Sie eine eindeutige ID haben Dann werfen einige jquery für einige Gewürz;)

Bearbeiten : nur aufgefallen, dass Sie eine Tabelle verwenden. setzt die ID auf der Zeile. dann Toggle es.