Uploaded byAbdülkadir BARLIK
Asp.Net Web User Control
Web User Control Nedir? Web User Control Özellikleri Web User Control Oluşturulması Örnek Uygulama
Asp.Net Web User Control
- 1.
- 2. Konu İçeriği • WebUser Control Nedir? • Web User Control Özellikleri • Web User Control Oluşturulması • Örnek Uygulama
- 3. Asp.Net ile yerleşik(built-in)şekilde gelen web kontrolleri bazı durumlarda sizin için yetersiz kalabilir. Böyle durumlarda kendi kontrolünüzü oluşturma ihtiyacı duyarsınız. Bunun için Web User Control’ler kullanılır. Web User Control Nedir?
- 4. Web User Control’lerinbir diğer kullanılma amacı ise uygulamanızdaki sürekli tekrar eden işlemlerin tek bir defa tanımlanıp istediğiniz yerde kullanabilmenizi sağlamasıdır. Bu da tekrar kullanabilirlik sağlamaktadır. Web User Control Nedir?
- 5. • User Control’lerindosya uzantıları “.ascx”tir. • Çalışabilmeleri için mutlaka bir web form’da bulunması gerekmektedir. Kendi başına çalıştırılamazlar. • Page Directive’i yerine Control isimli Directive kullanılır. • User Control'lere ait yeni Property ve Event'lar tanımlanabilir. Web User Control Özellikleri
- 6. Web User ControlOluşturulması
- 7. Örnek Uygulama • Örneğinuygulamanızın birçok yerinde kullanıcılardan iletişim bilgisi almak için form kullanmanız gerekmektedir. Her seferinde ayrı ayrı form oluşturmaktansa tek bir User Control oluşturup tüm kullanılacak yerlerde bu kontrolü entegre edelim.
- 8. Örnek Uygulama MyControl.ascx <%@ ControlLanguage="C#" AutoEventWireup="true" CodeBehind="MyControl.ascx.cs" Inherits="WebUserKontrolDenemesi.MyControl" %> <div style="background-color: Highlight; width: 300px; height: 140px;"> <table style="color: White;" cellpadding="0;" cellpadding="0"> <tr> <td colspan="2"> <h3>İletişim Bilgileri</h3> </td> </tr> <tr> <td>Adres:</td> <td> <asp:TextBox ID="txtAdres" runat="server" Width="200px"></asp:TextBox> </td> </tr> <tr> <td>Telefon:</td> <td> <asp:TextBox ID="txtTelefon" runat="server" Width="200px"></asp:TextBox> </td> </tr> <tr> <td>Şehir:</td> <td> <asp:TextBox ID="txtSehir" runat="server" Width="200px"></asp:TextBox> </td> </tr> </table> </div>
- 9. Örnek Uygulama Default.aspx <%@ PageLanguage="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebUserKontrolDenemesi._Default" %> <%@ Register src="MyControl.ascx" tagname="MyControl" tagprefix="uc1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div style="height: 180px"> <uc1:MyControl ID="MyControl1" runat="server" /> </div> </form> </body> </html> • Artık User Control’ü Solution Explorer’dan istediğiniz sayfaya sürükleyip kullanabilirsiniz.
Editor's Notes
- #9 MyControl.ascx<%@ ControlLanguage="C#" AutoEventWireup="true" CodeBehind="MyControl.ascx.cs" Inherits="WebUserKontrolDenemesi.MyControl" %><div style="background-color: Highlight; width: 300px; height: 140px;"> <table style="color: White;" cellpadding="0;" cellpadding="0"> <tr> <tdcolspan="2"> <h3>İletişim Bilgileri</h3> </td> </tr> <tr> <td>Adres:</td> <td> <asp:TextBox ID="txtAdres" runat="server" Width="200px"></asp:TextBox> </td> </tr> <tr> <td>Telefon:</td> <td> <asp:TextBox ID="txtTelefon" runat="server" Width="200px"></asp:TextBox> </td> </tr> <tr> <td>Şehir:</td> <td> <asp:TextBox ID="txtSehir" runat="server" Width="200px"></asp:TextBox> </td> </tr></table></div>
- #10 Default.aspx<%@ PageLanguage="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebUserKontrolDenemesi._Default" %><%@ Registersrc="MyControl.ascx" tagname="MyControl" tagprefix="uc1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><headrunat="server"> <title></title></head><body> <form id="form1" runat="server"> <divstyle="height: 180px"> <uc1:MyControl ID="MyControl1" runat="server" /> </div> </form></body></html>