Asp.net c# web form da reportviwer detay gösterimi hakkında ?

1. 
Tablomuza sağ tıklayıp Show Table Data dersek verilerimizi 
girebileceğimiz bölüm açılır gerekli verileri elle giriyoruz.

2. 
Data explorerdan dbmize sag tıklayıp urun_tb adında  table ekliyoruz id, 
urun_kodu, urun_adi, aciklama, resim_url adında columnlar oluşturup id columnunu 
int olarak ayarlıyoruz otomatik sayı atması içinde propertiesten identity 
spesification bölümünü yes yapmamız gerekiyor.

3. 
Tablomuza sağ tıklayıp Show Table Data dersek verilerimizi 
girebileceğimiz bölüm açılır gerekli verileri elle giriyoruz.

4. 
Yeni bir web form açıp bir tablo tasarlıyoruz ben aşağıdaki gibi bir html 
tablo tasarladım

<table style="width:400px;">

            <tr>

                <td rowspan="3" class="style1">

                    <img src="resim_gelecek" width="100" height"100"/>td>

                <td class="style1">

                    Ürün Kodutd>

                <td>

                    kod veritd>

            tr>

            <tr>

                <td>

                    Ürün Adıtd>

                <td>

                    ad veritd>

            tr>

            <tr>

                <td>

                    Açıklamatd>

                <td>

                    aciklama veritd>

            tr>

        table>

5.     default.aspx e dönüp toolboxtan bir datalist atıyoruz ve new datasource den tablomuzun tüm verilerini çekiyoruz. Ama tabii ki istediğimiz gibi görünmüyor bu yüzden diğer tasarladığımız tabloyu <ItemTemplate>ItemTemplate> arasına yapıştırıyoruz.

6.   kod veri, ad veri, aciklama kısımlarına gelecek verileri datalistin kendi labellarını kopyalayarak çekebiliriz mesela

<td>kod veritd>

 Kodunu

<td><asp:Label ID="Label1" runat="server" Text='' />td>

olarak değiştiriyoruz.

7.Resmimizi Çekmek içinse src="resim_gelecek" kısmındaki tırnakların arasına koymamız gerekiyor.

8.Enson olarak da Detay sayfamıza link vermemiz gerekiyor. Bunun içinde

<a href="Detay.aspx?id=">a> kodu arasına link vermek istediğimiz objeyi yerleştiriyoruz mesela ben resme link verdim kodu aynen şöyle:

<td rowspan="3" class="style1">

<a href="Detay.aspx?id="><img src="" width="100" height"100" />a> td>

9. Artık datalistin kendi kodlarına ihtiyacımız kalmadı hepsini silebiliriz.

10. Debug 
etmeden önce bir images klasörü açıp içine db deki linklere uygun isimde 
resimler eklemeyi unutmayın

11. Sonuç 
Aynen böyle olmalı

12. 
Şimdide Detay.aspx adında bir sayfa daha ekleyelim ve içerisine bir Formview 
ekleyip new datasource ile tablomuza bağlayalım.

13.Detay 
sayfamızı da ayrı bir web formda tasarlayalım. Kodları aynen şöyle:

<table style="width: 800px">

    <tr>

        <td class="style1" rowspan="3">

           <img src="resim_url" width="300" height="300" />

        td>

        <td class="style3">

            Ürün Kodu:td>

        <td class="style4">

            ürün veritd>

    tr>

    <tr>

        <td class="style2">

            Ürün Adı:td>

        <td>

            adı veritd>

    tr>

    <tr>

        <td class="style5" >

            Açıklama:td>

        <td>

            aciklama veritd>

    tr>

    <tr>

        <td class="style1" colspan="3">

            Diğer Ayrıntılar:td>

    tr>

table>

14. Şimdi datalistte yaptığımızın aynısını formviewde de 
yapacağız. Tasarladığımız tabloyu
<ItemTemplate></ItemTemplate>
arasına yapıştırıyoruz. Ve gerekli verileri kopyala yapıştır ile 
tablomuzda gösteriyoruz. Tek fark ise

    yi direk kopyalayıp

="resim_url" kısmına yapıştırırsanız hata verir.

  şeklinde yazmanız gerekli.

15.Kodlarımızın son hali aşağıdaki gibidir.

<ItemTemplate>

            <table style="width: 800px">

    <tr>

        <td class="style1" rowspan="3">

           <img src="" width="300" height="300" />

        td>

        <td class="style3">

            Ürün Kodu:td>

        <td class="style4">

            <asp:Label ID="Label1" runat="server" Text='' />td>

    tr>

    <tr>

        <td class="style2">

            Ürün Adı:td>

        <td>

                <asp:Label ID="Label2" runat="server" Text='' />td>

    tr>

    <tr>

        <td class="style5" >

            Açıklama:td>

        <td>

            <asp:Label ID="Label3" runat="server" Text='' />td>

    tr>

    <tr>

        <td class="style1" colspan="3">

            Diğer Ayrıntılar:td>

    tr>

table>

ItemTemplate>

16.      Sonuç aynen 
böyle olacaktır. Ancak tabiî ki bu detay sayfası sadece son ürünü gösterir şimdi 
yapmamız gereken datalisten tıklanan ürünün id’sini kullanarak Detay.aspx?id=? 
şeklinde detay sayfamızı görmeye

17.Sqldatasource ümüzün 
propeties penceresinden select queryi buluyoruz. Ve resimdeki gibi ayarlıyoruz.

Kodlarıda 
şöyle olmalı:

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

            ConnectionString=""

            SelectCommand="SELECT * FROM [urun_tb] WHERE ([id] = @id)">

            <SelectParameters>

                <asp:QueryStringParameter Name="id"QueryStringField="id"  Type="Int32" />

            SelectParameters>

        asp:SqlDataSource>

18.Şimdi default sayfamızda 
test edebiliriz.