はどのように私は私に

Question

I need to create a Table as per the following Image and I'm a newbie to .Net. Please tell me which tool I should be using

Answer 1

Asp.Net C＃でこのテーブル/ビューを作成するのですこれは、各セクションは、特定の日付のデータを持つテーブルを保持しているアコーディオンのように見えます。この場合、DIVオブジェクト（表示するデータごとに）を動的に作成し、各divにGridViewまたはDataGridを追加します。次に、希望の外観を得るためにdivをスタイルする必要があります。一方、jQuery UI Accordionを見てみましょう。私はあなたが初心者ですが、jQueryのUI Accordionはあなたの問題を解決するのに役立つことが理解できますhttp://jqueryui.com/demos/accordion/。

Answer 2

これは実装するのが簡単な構造ではありません。

おそらくListViewまたはRepeaterで始めることをお勧めします。リピータは使用するのが簡単ですが、より多くの制限があります。

RepeaterまたはListViewの各Item Templateの内側には、GridViewが必要です。 GridViewは、データテーブルとページングを処理します。

ListViewのイベントは、ListViewのいずれかを処理して、展開する行を決定し、その行をサーバー側にのみ入力するか、すべての行を設定してクライアント側スクリプトを使用して行を表示/非表示にすることができます。あなたのデータを考慮してどのアプローチが最適に機能するかは、あなた次第です。

2レベルのデータバインディングを行う必要があります。最初にListViewをメインデータセットにバインドします。この場合、日付のリストのように見えます。次に、ListViewのItemDataBoundイベントで、各リストビューアイテムの内部GridViewをバインドします。これは、表示する必要がある行に対してのみ行うことができます。

これは、行ごとにカスタムコントロールを使用して最適化する方法などがありますが、これが基本的な考え方です。