AJAX
AJAX DragPanel Extender
Merhaba arkadaşlar, bu makalemizde ajax control toolkit’in nesnelerinden DragPaneel Extender kontrolünü inceleyeceğiz.
15 Şubat 2007
1 dk okuma
2582
0
Merhaba arkadaşlar, bu makalemizde ajax control toolkit’in nesnelerinden DragPaneel Extender kontrolünü inceleyeceğiz.
DragPanel Extender WenForm üzerindeki kontrolleri web form üzerinde baska bir yere sürüklenmesini saglar. DragPanel Panel nesnesini hedef alır ve "Drag Handle" gibi kullanmak için kontrole eklenen ek paramatreler alır.
Bu kontrolü özellikle web sayfalarımızın reklam bannerlarında kullanırız. Buda sitemize hareketlilik kazandırır. Bende bu makalemde bu nesneniyi reklam banner örnegini kullanarak anlatacagım.
Kullanımı:
<ajaxToolkit:DragPanelExtender
ID="DPE1" runat="server"
TargetControlID="Panel3"
DragHandleID="Panel4" />
Özellikleri:
TargetControlID - Tasınacak olan Panel'in ID'si
DragHandleID - Tasınacak panel için Tasınacagı panelin ID'si. Kullanıcı paneli bu panelin içerisinde bi yere tasıyabilecek.
Örnek:
Evet arkadaslar örnegimizde Reklam bannerlerini form üzerinde ordan oraya tasıyacagız : )
Ilk olarak bir AJAX projesi açalım.
Daha Sonra sayfamıza 2 adet panel ekleyelim ve içerisine reklamını aldıgımız firmanın logosunu koyalım. Ayrıca bir adet de DragPanel Extender nesnesi ekleyelim.
Benim yaptıgım form asagıdaki gibidir.
Panel için yazdıgım kodlar;
<asp:Panel ID="Panel1" runat="server" Direction="LeftToRight" HorizontalAlign="Left"
ScrollBars="Horizontal" Width="100%" Height="800px">
<asp:Panel ID="Panel3" runat="server" BorderStyle="Solid" BorderWidth="2px" Width="242px">
<asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Names="Verdana" Font-Size="Small"
Text="Kurtlar Vadisi Terör" ForeColor="#C00000"></asp:Label>
<br />
<br />
<asp:Image ID="Image1" runat="server" ImageUrl="~/70866.jpg" /><br />
<br />
</asp:Panel>
</asp:Panel>
Panelimizi yani reklam bannerimizi tasınabilir hale getirelim.
<cc1:DragPanelExtender ID="DragPanelExtender11" runat="server" DragHandleID="Panel1"
TargetControlID="Panel3" />
Simdi projemizi çalıstıralım.
Reklam bannerimizi tasıyalım;
Evet reklam bannerimizi ordan oraya savurduk : )
Bu makalenin de sonuna geldik, baska bir makalede görüsmek üzere basarı ve iyi günler dilerim.
Sem GÖKSU
MCP | MCAD.NET | MCTS
Örnek Kodlar için mail adresimi kullanabilirsiniz
askisem@hotmail.com
Kaynaklar
http://ajax.asp.net
DragPanel Extender WenForm üzerindeki kontrolleri web form üzerinde baska bir yere sürüklenmesini saglar. DragPanel Panel nesnesini hedef alır ve "Drag Handle" gibi kullanmak için kontrole eklenen ek paramatreler alır.
Bu kontrolü özellikle web sayfalarımızın reklam bannerlarında kullanırız. Buda sitemize hareketlilik kazandırır. Bende bu makalemde bu nesneniyi reklam banner örnegini kullanarak anlatacagım.
Kullanımı:
<ajaxToolkit:DragPanelExtender
ID="DPE1" runat="server"
TargetControlID="Panel3"
DragHandleID="Panel4" />
Özellikleri:
TargetControlID - Tasınacak olan Panel'in ID'si
DragHandleID - Tasınacak panel için Tasınacagı panelin ID'si. Kullanıcı paneli bu panelin içerisinde bi yere tasıyabilecek.
Örnek:
Evet arkadaslar örnegimizde Reklam bannerlerini form üzerinde ordan oraya tasıyacagız : )
Ilk olarak bir AJAX projesi açalım.
Daha Sonra sayfamıza 2 adet panel ekleyelim ve içerisine reklamını aldıgımız firmanın logosunu koyalım. Ayrıca bir adet de DragPanel Extender nesnesi ekleyelim.
Benim yaptıgım form asagıdaki gibidir.
Panel için yazdıgım kodlar;
<asp:Panel ID="Panel1" runat="server" Direction="LeftToRight" HorizontalAlign="Left"
ScrollBars="Horizontal" Width="100%" Height="800px">
<asp:Panel ID="Panel3" runat="server" BorderStyle="Solid" BorderWidth="2px" Width="242px">
<asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Names="Verdana" Font-Size="Small"
Text="Kurtlar Vadisi Terör" ForeColor="#C00000"></asp:Label>
<br />
<br />
<asp:Image ID="Image1" runat="server" ImageUrl="~/70866.jpg" /><br />
<br />
</asp:Panel>
</asp:Panel>
Panelimizi yani reklam bannerimizi tasınabilir hale getirelim.
<cc1:DragPanelExtender ID="DragPanelExtender11" runat="server" DragHandleID="Panel1"
TargetControlID="Panel3" />
Simdi projemizi çalıstıralım.
Reklam bannerimizi tasıyalım;
Evet reklam bannerimizi ordan oraya savurduk : )
Bu makalenin de sonuna geldik, baska bir makalede görüsmek üzere basarı ve iyi günler dilerim.
Sem GÖKSU
MCP | MCAD.NET | MCTS
Örnek Kodlar için mail adresimi kullanabilirsiniz
askisem@hotmail.com
Kaynaklar
http://ajax.asp.net
Yorumlar (0)
Henüz yorum yok. İlk yorumu sen yap!