Asp.Net Web User Control
•
0 likes•2,366 views
Web User Control Nedir? Web User Control Özellikleri Web User Control Oluşturulması Örnek Uygulama
Recommended
More Related Content
Viewers also liked
Similar to Asp.Net Web User Control
Similar to Asp.Net Web User Control (16)
Asp.Net Web User Control
- 1. ASP.NET Web User Control Abdülkadir Barlık
- 2. Konu İçeriği • Web User 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’lerin bir 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’lerin dosya 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 Control Oluşturulması
- 7. Örnek Uygulama • Örneğin uygulamanı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 <%@ Control Language="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 <%@ Page Language="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
- 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>
- 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>