ASP.NET - ImageButtonsの行/グリッドを表示

Question

私は最初のasp.net/web開発アプリケーションで作業しています。明らかに、私はasp.net開発のために非常に新しいですが、私はかなり長い間C＃をやってきたので、プロジェクトのロジックをかなり簡単に合理化することができます。しかし、私は取り組んでいるマークアップの問題に苦しんでいます。ここに私の状況です：

私はListBookのオブジェクトがあり、各オブジェクトはTitleとCoverImage性質を持っています。はい。私は各書籍をImageButtonという境界線で表示し、ユーザーがクリックした色を「強調表示」するよう色を変えたいと考えています。実際には、はにはImageButtonで終わっていませんが、それはこれまで私が使ってきたことです。ユーザーは一度に1つのブックのみを選択できます。今、私は本をラジオボタンで押さえるという論理を扱うことができると思うが、私はこれらのボタンを正しく表示する方法を理解するのには苦労している。最後に、書籍のグリッドの下に通常のボタンが表示され、ユーザーは選択した書籍を選択できるようになります。選択した書籍を正確に判断できるようにする必要があります。BookオブジェクトのTitleを選択します。これは私がGridViewでこれをしようとしたときに問題を抱えていた別の領域です。 GridViewコントロールを使用して

は、私がGridViewコントロールに Listを結合することによって、私は、各ブックではなく、それぞれの「列」のために 行を行うことができますことを発見しました。少なくとも、私はこの時点で知っている唯一の方法を使用しています。また、画像/ブラウザの幅に基づいて行に表示される書籍の数を動的に変更するには、UIを「スマート」にする必要があります。

このタイプのインターフェイスをどのように実現するかについてのアドバイスやヒントは、大変ありがたいです。 サンプルコードを見て、それを合理化することができたら、私は間違いなくベストを尽くしているので、いくつかの例やリンクがあります。以下では、私が達成しようとしているものの[色のついた]ワイヤーフレームタイプのイメージを貼ります。

Answer 1

ASP.Net ListViewコントロールを使用してみてください。 1行に複数の書籍を要求するレイアウトが必要です。