Bu makalede sizlere Ajax teknolojisindeki accordion control'ünden söz edeceğim.
Bu kodu Asp.net web application içine yazarak ne işe yaradığını görmelisiniz.
Bir sonraki makalede görüşmek üzere...
Kod:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="_Accordion.aspx.cs" Inherits="_02122012_ajaxControlToolkit._Accordion" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!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">
<link href="StyleSheet1.css" rel="stylesheet" type="text/css" />
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<div>
<asp:Accordion ID="Accordion1" runat="server" HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected"
ContentCssClass="accordionContent" TransitionDuration="250" FadeTransitions="true">
<Panes>
<asp:AccordionPane runat="server" ID="pane1">
<Header>
İsimler
</Header>
<Content>
<ul>
<li>Zeki</li>
<li>Kübra</li>
<li>Irmak</li>
<li>Sema</li>
</ul>
</Content>
</asp:AccordionPane>
<asp:AccordionPane runat="server" ID="pane2">
<Header>
Üniversiteler</Header>
<Content>
<ul>
<li>Yıldız Teknik Üniversitesi</li>
<li>İstanbul Üniversitesi</li>
</ul>
</Content>
</asp:AccordionPane>
</Panes>
</asp:Accordion>
</div>
</form>
</body>
</html>Bu kodu Asp.net web application içine yazarak ne işe yaradığını görmelisiniz.
Bir sonraki makalede görüşmek üzere...
