2012-04-24 22 views

答えて

0

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

+0

それはとても役に立ちました。今、jQuery UIを使用してACCORDIONを作成する方法について、かなりのアイデアがあります。しかし、私はこれを動的に行う方法でした。上の例を見ると、データベースからすべてのデータを取得しているので、どのように動的に設定するのですか?あなたの助けが高く評価される – user1345260

0

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

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

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

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

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

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