Server-side table - tr - td

by Yasin Sirkecili 22. June 2008
Az önce mail ile gelen sorulardan birine yazdığım cevabı burdada yayınlamak istedim. Bildiğiniz üzere asp.nette server-side table kullanarak dinamik olarak tablolar oluşturup verilerinizi bu tabloların hücrelerine aktarabilir ve görüntüleyebilirsiniz. Genel olarak baktığımızda veritabanı işlemleri hususunda verilerimizi datalist, detailsview, datagrid gibi kontrollere template tanımlayıp istediğimiz düzende görüntülenmesini sağlıyoruz. Ancak hem vt işlemlerinde bu kontroller olmadan kendi tablolama yapımızı oluşturarak verilerimizi görüntüleyebiliriz hemde veritabanı işlemleri haricinde de sunucu taraflı kodlarımızla arayüz görselliğine yön verebiliriz.

Örneğin;

  • Table table = new Table(); // System.Web.UI.WebControls.Table sınıfından yeni bir table nesnesi türetiyoruz
    TableRow tr = new TableRow(); // System.Web.UI.WebControls.TableRow sınıfından yeni bir tablerow nesnesi tıretiyoruz
    TableCell td1 = new TableCell();// System.Web.UI.WebControls.TableCell sınıfından yeni bir tablecell nesnesi türetiyoruz
    TableCell td2 = new TableCell();
    td1.Text =
    "yasin"; // türettiğimiz tablecell nesnesinin içerisine yasin yazıyoruz.
    td2.Text = "sirkecili";
    tr.Cells.Add(td1);
    // tablecell nesnemizi satır görevi görecek olan tablerow satırına ekliyoruz
    tr.Cells.Add(td2);
    table.Caption =
    "bu bir basliktir"; // asp.net 2.0 ile hayatımıza giren caption property si ile tablomuza başlık ekliyoruz.
    table.CaptionAlign = TableCaptionAlign.Left; // tablo başlığımızın görüntülenme şeklini System.Web.UI.WebControls.TableCaptionAlign enumaratör ile seçiyoruz. eğer hiç müdahale etmez isek standart olarak centered gelecektir.
    table.BackColor = System.Drawing.Color.Red; // table'ımıza arkaplan rengi seçiyoruz.
    table.BorderStyle = BorderStyle.Solid; // tableımızın border stilini belirliyoruz.
    table.Attributes.Add("Border", "2"); // border kalınlığını belirlemek amacıyla server-side table'ımızın html çıktısındaki attributelara müdahale ediyor ve border kalınlığını 2px olarak belirliyoruz.
    table.Rows.Add(tr); // içine daha önce hücrelerimizi eklediğimiz satırımızı tablomuza ekleyip ilişkilendiriyoruz.
    this.Controls.Add(table);// dinamik olarak hücrelerini ve satırlarını oluşturup stillerini belirlediğimiz tablomuzu görüntülenmesi amacıyla sayfamıza ekliyoruz.

    (ne açıklama yazdım ama beah Smile)

şeklinde aşağıdaki gibi çıktı yaratacak bi table oluşturabiliriz.

  • <table Border="2" border="0" style="background-color:Red;border-style:Solid;">
     <caption align="Left">
      bu bir basliktir
     </caption><tr>
      <td>yasin</td><td>sirkecili</td>
     </tr>
    </table>


tablomuzun görüntüsü bu şekilde olacaktır.

hepsi bu kadar...

Related posts

Add comment


(will show your Gravatar icon)  

  Country flag




Live preview

November 21. 2008 03:21

Gravatar

Hakkımda

Name of author Yasin Sirkecili
Asp.Net Developer

Takvim

<<  November 2008  >>
MoTuWeThFrSaSu
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

Büyük Takvimde Göster

Bağlantılar


    ©2008

    Sign in