2 に答える
これは、実装するのが簡単な構造ではありません。
ListView
おそらく、またはで始めたいと思うでしょうRepeater
。リピーターは使用が簡単ですが、より多くの制限があります。
次に、またはのそれぞれItem Template
の内部に、が必要になります。はデータテーブルとページングを処理します。Repeater
ListView
GridView
GridView
Selected
のイベントを処理しListView
て展開する行を決定し、サーバー側でその行のみを入力するか、すべての行を入力してクライアント側のスクリプトを使用して行を表示/非表示にすることができます。データを考慮して、どちらのアプローチが最適かはあなた次第です。
2レベルのデータバインディングを実行する必要があります。最初にをListView
メインのデータセットにバインドします。この場合は、日付のリストのように見えます。次に、のItemDataBound
場合は、ListView
各リストビューアイテムの内部をバインドしますGridView
。これは、表示する必要のある行に対してのみ実行することをお勧めします。
確かに、各行のカスタムコントロールなどを使用してこれを最適化する方法はありますが、これが基本的な考え方です。
私には、これは各セクションが特定の日付のデータを含むテーブルを保持するアコーディオンのように見えます。この場合にできることは、(表現するデータごとに) DIV オブジェクトを動的に作成し、各 div に GridView または DataGrid を追加することです。次に、目的の外観を得るために、これらの div のスタイルを設定する必要があります。一方、jQuery UI アコーディオンを見てください。あなたが初心者であることは理解していますが、jQuery UI Accordion はあなたの問題を解決するのに役立ちますhttp://jqueryui.com/demos/accordion/。