6 Kasım 2010 Cumartesi

LinkButton Kontrolu

LinkButton bu kontrolde button ve imagebutton kontrolleri ile uygulamada aynıdır. Diğerlerinden ayıran farkı Hypertext Link gibi gözükmesidir.




<asp:LinkButton ID="LinkButton1" Text="Gönder"

 runat="server" OnClick="LinkButton1_Click"></asp:LinkButton>



<asp:LinkButton ID="LinkButton1" Text="Gönder" runat="server" CommandName="linkbutton1" CommandArgument="1"></asp:LinkButton>

Gördüğümüz gibi kullanım biçimi Button kontrolu gibidir.
Fazla detaya girmemize gerek yok ayrıntılar için Button kontrolunun örneklerine bakmamız yeterlidir.

Görüntüsü;

ImageButton Kontrolu

ImageButton kontrolu Button kontrolu gibidir. Button kontrolunden farklı olarak bir resim görüntüler.
AlternativeText, CommandName, CommandArgument, CausesValidation, ImageAlign, ImageUrl  özellikleri;
OnClick,OnCommand metotları; Click ve Command olayları mevcuttur.
















ImageAlign ile eklenen resmin pozisyonu belirlenir. AbsBottom, Absmiddle, BaseLine, Bottom, Left, Middle, NotSet, Right, TextTop, Top gibi değerler alır. Tasarım esnasında mutlaka işimize yarayacaktır. Bunun haricinde bir Button kontrolundan farksızdır.


OnClick metodu ile;



<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">  
    void ImageButton1_Click(Object sender, EventArgs e)
    {
        Response.Write("Merhaba Çamlıca");
    }


</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">    <title></title></head>
<body>
    <form id="form1" runat="server">    <div>
        <asp:ImageButton ID="ImageButton1" OnClick="ImageButton1_Click" Text="Çalıştır" runat="server" ImageUrl="~/Tus.png" AlternateText="Çalıştır" />
    </div> </form>
</body>
</html>

veya OnCommand metodu ile;

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server"> 
    void ImageButton_Command(Object sender, CommandEventArgs e)
    {
        if (e.CommandName == "imagebuton1")
        {
            if (e.CommandArgument == "1")
            {
                Response.Write("Merhaba Çamlıca");
            }
        }
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">    <title></title></head>
<body>
    <form id="form1" runat="server">    <div>
        <asp:ImageButton ID="ImageButton1" OnCommand="ImageButton_Command" CommandName="imagebuton1" CommandArgument="1" Text="Çalıştır" runat="server" ImageUrl="~/Tus.png" AlternateText="Çalıştır" />
    </div> </form>
</body>
</html>

CommandArgument veya CommandName bu tür basit uygulamalarda birini kullanmasak da olur. Button kontrolunden gördüğümüz gibi uygulamada bir fark yok.

Button Kontrolu

Button kontrolu html de kullandığımız  <input type="submit" /> yerine kullanılır.
Text, CommandName, CommandArgument, CausesValidation gibi özellikleri; OnClick,OnCommand gibi metotları ; Click ve Command gibi olayları mevcuttur.


Button kontrolune basdığımızda Click ve Command olayları gerçekleşecektir.
Bu metotlardan birini kullanmamız yeterlidir.


OnClick metodu ile;

<script runat="server">
   
    void Button1_Click(Object sender, EventArgs e)
    {
        Response.Write("Merhaba Çamlıca");
    }

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">  <title></title</head>
<body>
    <form id="form1" runat="server">
    <div>
<asp:Button ID="Button1" runat="server" Text="Butona Bas" OnClick="Button1_Click" />
       
    </div>
    </form>
</body>
</html>


veya OnCommand metodu ile




<input type="submit" />
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
   
    void Button_Command(Object sender,CommandEventArgs e)
    {
        if (e.CommandName == "buton1")
        {
            if (e.CommandArgument == "1")
            {
                Response.Write("Merhaba Çamlıca");
            }
        }
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">    <title></title></head>
<body>
    <form id="form1" runat="server">    <div>
        <asp:Button ID="Button1" runat="server" Text="Butona Bas" OnCommand="Button_Command" CommandName="buton1" CommandArgument="1" />
    </div> </form>
</body>
</html>

veya CommandArgument kullanmıyoruz.

    void Button_Command(Object sender,CommandEventArgs e)
    {
        if (e.CommandName == "buton1")
        {
                Response.Write("Merhaba Çamlıca");
        }
    }

<asp:Button ID="Button1" runat="server" Text="Butona Bas" OnCommand="Button_Command" CommandName="buton1" />

veya CommandName kullanmıyoruz.

    void Button_Command(Object sender,CommandEventArgs e)

    {
            if (e.CommandArgument == "1")
            {
                Response.Write("Merhaba Çamlıca");
            }
    }

<asp:Button ID="Button1" runat="server" Text="Butona Bas" OnCommand="Button_Command" CommandArgument="1" />