Sử dụng kết hợp giữa AjaxControlToolkit Accordion và Repeater trong Asp.net

<div style="text-align: justify;">(<b>Nesting the AjaxControlToolkit Accordion control and the ASP.NET Repeater</b>) –  Bài viết dưới đây sẽ hướng dẫn các bạn cách sử dụng kết hợp giữa AjaxControlToolkit Accordion và Repeater để hiển thị dữ liệu. Dữ liệu chúng tôi lấy làm ví dụ là bảng Categories và Products trong CSDL Northwind. AjaxControlToolkit Accordion có nhiệm vụ hiển thị toàn bộ danh sách Categories, Repeater sẽ hiển thị toàn bộ Product theo từng Category được chọn <br /><a name="more"></a><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMsPLZL-aRRXv1u-_b_Eyzuwl8eB31jOI2vHEBm4zwwVhfHBJFV-6hjlpRNGDMqmLSCWwsBHL7f8j9-bf2uZeaBR_5FBH-b1iZFw7qR14LG7Jj9GkppAGq6vl-tCapqvw49oAVDqT4W80/s1600/AccordionAjax.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMsPLZL-aRRXv1u-_b_Eyzuwl8eB31jOI2vHEBm4zwwVhfHBJFV-6hjlpRNGDMqmLSCWwsBHL7f8j9-bf2uZeaBR_5FBH-b1iZFw7qR14LG7Jj9GkppAGq6vl-tCapqvw49oAVDqT4W80/s1600/AccordionAjax.gif" /></a></div><div style="text-align: center;"><br /><b>Nghe những bài hát đỉnh nhất về Thấy cô giáo - <a href="https://www.youtube.com/watch?v=EXLGWIhgCx4&list=PL-dT-MN_dMzwvHPTb1hfqokY4b5RN_ngE" target="_blank">Nghe trên Youtube</a></b><br /><br /></div><iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/videoseries?list=PL-dT-MN_dMzwvHPTb1hfqokY4b5RN_ngE&autoplay=1;loop=1&amp" width="640"></iframe><br /><br /><div style="clear: both; text-align: center;"><div style="float: left; margin: 6px 6px 0px; width: 280px;"><a href="http://adf.ly/1NLvez" target="_blank"><img alt="Code Example C#, Code Example VB.NET" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX5IGNs5gxA6HJ6wKUOVKQztkzufZYGTWmDGsjzESeAbw5gPpVperxnvMiiMPTFhfTdeeR-4kUkJSAALEa1Zdq5fGg0wgUcUViEOH5dYhX9XotYaD-DD8jE1pIm0L0ooHc0HY9SBYOeQw/s1600/CS_Code.png" /></a></div><div style="float: left; margin: 6px 6px 0px; width: 280px;"><a href="http://adf.ly/1NLvdf" target="_blank"><img alt="Code Example C#, Code Example VB.NET" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgulrYoUfYJfz40EKRawQ-iISxhV1T4-vVi8rbwkzWwWPOb5NPStwQVd3K3r6lWGkxR5-PlyV7SuGFcERHd7mBlFCaD_HCymi57mq0FBSJ9FMTOIyVXckid3Adhkoc8fUrFD8twfkZS1U8/s1600/VB_Code.png" /></a></div></div><br /><br /><br />- <b>B1</b>: Download CSDL Northwind tại đây và thực hiện công việc Restore Data.</div><div style="text-align: start;"><br /></div><div style="text-align: start;">- <b>B2</b>: Tạo Project trong Microsoft Visual Studio 2010</div><div style="text-align: start;"><br /></div><div style="text-align: start;">Trong Visual Studio tạo 1 Class có tên: Utility và nhập đoạn Code phía dưới cho Class này.</div><div style="padding-bottom: 8px; padding-top: 8px;"><b>C# Code</b></div><div class="code" id="code" style="text-align: start;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> System;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> System.Web;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> System.Data.SqlClient;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> System.Data;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> System.Configuration;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">namespace</span><span style="font-family: Consolas; font-size: 9.5pt;"> AjaxAccordionAndRepeater<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">{<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;">public</span> <span style="color: blue;">class</span> <span style="color: #2b91af;">SqlDataProvider</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #region</span><span style="font-family: Consolas; font-size: 9.5pt;">"Membres Prives"<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">private</span> <span style="color: blue;">string</span>_connectionString;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #endregion</span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #region</span><span style="font-family: Consolas; font-size: 9.5pt;">"Constructeurs"<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">public</span> SqlDataProvider()<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">try</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                _connectionString = <span style="color: #2b91af;">ConfigurationManager</span>.ConnectionStrings[<span style="color: #a31515;">"SiteSqlServer"</span>].ConnectionString;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">catch</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #endregion</span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #region</span><span style="font-family: Consolas; font-size: 9.5pt;">"Proprietes"<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">public</span> <span style="color: blue;">string</span>ConnectionString<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">get</span> { <span style="color: blue;">return</span>_connectionString; }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #endregion</span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #region</span><span style="font-family: Consolas; font-size: 9.5pt;">"Functions"<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">public</span> <span style="color: #2b91af;">DataTable</span>FillTable(<span style="color: blue;">string</span> sql)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">try</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: #2b91af;">DataTable</span> tb = <span style="color: blue;">new</span> <span style="color: #2b91af;">DataTable</span>();<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: #2b91af;">SqlDataAdapter</span> adap = <span style="color: blue;">new</span> <span style="color: #2b91af;">SqlDataAdapter</span>(sql, _connectionString);<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                adap.Fill(tb);<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">return</span> tb;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">catch</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">return</span> <span style="color: blue;">null</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #endregion</span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    }<o:p></o:p></span></div><span style="font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">}</span></div></div></div></div></div></div></div></div></div><div style="padding-bottom: 8px; padding-top: 8px;"><b>VB.NET Code</b></div><div class="code" id="code" style="text-align: start;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">Imports</span><span style="font-family: Consolas; font-size: 9.5pt;"> System.Data.SqlClient<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">Imports</span><span style="font-family: Consolas; font-size: 9.5pt;"> System.Data<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">Namespace</span><span style="font-family: Consolas; font-size: 9.5pt;"> AjaxAccordionAndRepeater<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;">Public</span> <span style="color: blue;">Class</span> <span style="color: #2b91af;">SqlDataProvider</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#Region</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: #a31515;">"Membres Prives"</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">Shared</span> _IsError <span style="color: blue;">As</span> <span style="color: blue;">Boolean</span> = <span style="color: blue;">False</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">Private</span> _connectionString <span style="color: blue;">As</span><span style="color: blue;">String</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#End</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;">Region</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#Region</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: #a31515;">"Constructeurs"</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">Public</span> <span style="color: blue;">Sub</span> <span style="color: blue;">New</span>()<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Try</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                _connectionString = <span style="color: #2b91af;">ConfigurationManager</span>.ConnectionStrings(<span style="color: #a31515;">"SiteSqlServer"</span>).ConnectionString<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                _IsError = <span style="color: blue;">False</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Catch</span> ex <span style="color: blue;">As</span> <span style="color: #2b91af;">Exception</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                _IsError = <span style="color: blue;">True</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">End</span> <span style="color: blue;">Try</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">End</span> <span style="color: blue;">Sub</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#End</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;">Region</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#Region</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: #a31515;">"Proprietes"</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">Public</span> <span style="color: blue;">ReadOnly</span> <span style="color: blue;">Property</span> ConnectionString() <span style="color: blue;">As</span><span style="color: blue;">String</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Get</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">Return</span> _connectionString<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">End</span> <span style="color: blue;">Get</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">End</span> <span style="color: blue;">Property</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#End</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;">Region</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#Region</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: #a31515;">"Functions"</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">Public</span> <span style="color: blue;">Function</span>FillTable(<span style="color: blue;">ByVal</span> sql <span style="color: blue;">As</span><span style="color: blue;">String</span>) <span style="color: blue;">As</span> <span style="color: #2b91af;">DataTable</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Try</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">Dim</span> tb <span style="color: blue;">As</span><span style="color: blue;">New</span> <span style="color: #2b91af;">DataTable</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">Dim</span> adap <span style="color: blue;">As</span><span style="color: blue;">New</span> <span style="color: #2b91af;">SqlDataAdapter</span>(sql, _connectionString)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                adap.Fill(tb)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">Return</span> tb<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Catch</span> ex <span style="color: blue;">As</span> <span style="color: #2b91af;">Exception</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">Return</span> <span style="color: blue;">Nothing</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">End</span> <span style="color: blue;">Try</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">End</span> <span style="color: blue;">Function</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#End</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;">Region</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;">End</span> <span style="color: blue;">Class</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><span style="color: blue; font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">End</span><span style="font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;"> <span style="color: blue;">Namespace</span></span></div></div></div></div></div></div></div></div></div></div></div></div><div style="text-align: start;">Chú ý: Thuộc tính <b><i>SiteSqlServer</i></b> chính là chuỗi Connect với SQL Server trong file Web.Config</div><div style="text-align: start;"><br /></div><div style="text-align: start;">- <b>B3</b>: Download  thư viện AjaxControlToolkit <a href="http://ajaxcontroltoolkit.codeplex.com/downloads/get/116534" target="_blank">tại đây</a>.<br /><br />- <b>B4</b>: Giải nén AjaxControlToolkit.Binary.NET4, và References Ajaxcontroltoolkit.dll trong thư mục vừa giải nén vào Project.<br /><br />- <b>B5</b>: Download 2 file ảnh <a href="http://www.mediafire.com/download/nwej71sdklin11y/Accordion_Images.rar" target="_blank">tại đây</a> và Copy vào thư mục Styles\Images<br /><br />- <b>B6</b>: Mở file Site.css bổ xung thêm đoạn mã dưới<br /><div class="code" id="code" style="text-align: start;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: darkgreen; font-family: Consolas; font-size: 9.5pt;">/* Accordion */</span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">.accordionHeader</span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">{<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">background</span>: <span style="color: blue;">url(images/sm_max.gif)</span><span style="color: blue;">no-repeat</span> <span style="color: blue;">left</span> <span style="color: blue;">center</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">background-color</span>:<span style="color: blue;">#f0f0f1</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">border</span>:<span style="color: blue;">1px</span> <span style="color: blue;">solid</span> <span style="color: blue;">#cfcece</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">border-bottom</span>:<span style="color: blue;">none</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">padding</span>: <span style="color: blue;">5px</span> <span style="color: blue;">0px</span> <span style="color: blue;">0</span> <span style="color: blue;">15px</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">color</span>: <span style="color: blue;">#676f72</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">text-decoration</span>: <span style="color: blue;">none</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">font-family</span>:<span style="color: blue;">Arial</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">font-size</span>:<span style="color: blue;">12px</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">font-weight</span>:<span style="color: blue;">normal</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">cursor</span>:<span style="color: blue;">pointer</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">padding</span>:<span style="color: blue;">7px</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">padding-left</span>:<span style="color: blue;">15px</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">}</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">.accordionHeaderSelected</span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">{<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">background</span>: <span style="color: blue;">url(images/sm_min.gif)</span><span style="color: blue;">no-repeat</span> <span style="color: blue;">left</span> <span style="color: blue;">center</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">background-color</span>:<span style="color: blue;">#f0f0f1</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">border</span>:<span style="color: blue;">1px</span> <span style="color: blue;">solid</span> <span style="color: blue;">#cfcece</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">border-bottom</span>:<span style="color: blue;">none</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">padding</span>: <span style="color: blue;">5px</span> <span style="color: blue;">0px</span> <span style="color: blue;">0</span> <span style="color: blue;">15px</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">color</span>: <span style="color: blue;">#000000</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">text-decoration</span>: <span style="color: blue;">none</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">font-family</span>:<span style="color: blue;">Arial</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">font-size</span>:<span style="color: blue;">12px</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">font-weight</span>:<span style="color: blue;">bold</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">cursor</span>:<span style="color: blue;">pointer</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">padding</span>:<span style="color: blue;">7px</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">padding-left</span>:<span style="color: blue;">15px</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">}</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">#tblItem</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">td</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">{<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">border</span>:<span style="color: blue;">1px</span> <span style="color: blue;">solid</span> <span style="color: blue;">#cfcece</span>;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: red;">border-bottom</span>:<span style="color: blue;">none</span>;</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">}<o:p></o:p></span></div></div></div></div></div></div></div></div></div></div></div><div style="text-align: start;"><br /></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: start;">- <b>B7</b>: Mở file Default.aspx dưới dạng HTML và  nhập mã HTML<br /><div style="padding-bottom: 8px; padding-top: 8px;"><b>C# Code</b></div><div class="code" id="code" style="text-align: start;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="background: yellow; font-family: Consolas; font-size: 9.5pt; mso-highlight: yellow;"><%</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">@</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">Page</span><span style="color: red;">Title</span><span style="color: blue;">="Nesting the AjaxControlToolkit Accordion and the ASP.NET Repeater"</span> <span style="color: red;">Language</span><span style="color: blue;">="C#"</span><span style="color: red;">MasterPageFile</span><span style="color: blue;">="~/Site.master"</span><span style="color: red;">AutoEventWireup</span><span style="color: blue;">="true"</span><span style="color: red;">CodeBehind</span><span style="color: blue;">="Default.aspx.cs"</span><span style="color: red;">Inherits</span><span style="color: blue;">="AjaxAccordionAndRepeater._Default"</span><span style="background: yellow; mso-highlight: yellow;">%></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="background: yellow; font-family: Consolas; font-size: 9.5pt; mso-highlight: yellow;"><%</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">@</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">Register</span><span style="color: red;">TagPrefix</span><span style="color: blue;">="cc1"</span><span style="color: red;">Assembly</span><span style="color: blue;">="AjaxControlToolkit"</span><span style="color: red;">Namespace</span><span style="color: blue;">="AjaxControlToolkit"</span><span style="background: yellow; mso-highlight: yellow;">%></span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">asp</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">:</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">Content</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">ID</span><span style="color: blue;">="BodyContent"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">ContentPlaceHolderID</span><span style="color: blue;">="MainContent"></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">h3</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        Nesting the AjaxControlToolkit Accordion control and the ASP.NET Repeater<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">h3</span><span style="color: blue;">><</span><span style="color: maroon;">br</span> <span style="color: blue;">/></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">cc1</span><span style="color: blue;">:</span><span style="color: maroon;">ToolkitScriptManager</span><span style="color: red;">ID</span><span style="color: blue;">="ToolkitScriptManager1"</span><span style="color: red;">runat</span><span style="color: blue;">="server"</span><span style="color: blue;">/></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">UpdatePanel</span> <span style="color: red;">ID</span><span style="color: blue;">="updatePanel"</span><span style="color: red;">runat</span><span style="color: blue;">="server"</span><span style="color: red;">UpdateMode</span><span style="color: blue;">="Conditional"></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">ContentTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;"><</span><span style="color: maroon;">cc1</span><span style="color: blue;">:</span><span style="color: maroon;">Accordion</span> <span style="color: red;">ID</span><span style="color: blue;">="MyAccordion"</span><span style="color: red;">runat</span><span style="color: blue;">="server"</span><span style="color: red;">Width</span><span style="color: blue;">="350"</span><span style="color: red;">OnItemDataBound</span><span style="color: blue;">="MyAccordion_ItemDataBound"</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: red;">HeaderCssClass</span><span style="color: blue;">="accordionHeader"</span><span style="color: red;">HeaderSelectedCssClass</span><span style="color: blue;">="accordionHeaderSelected"></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;"><</span><span style="color: maroon;">HeaderTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    <span style="background: yellow; mso-highlight: yellow;"><%</span><span style="color: blue;">#</span>Eval(<span style="color: #a31515;">"CategoryName"</span>) <span style="background: yellow; mso-highlight: yellow;">%></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;"></</span><span style="color: maroon;">HeaderTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;"><</span><span style="color: maroon;">ContentTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span> <span style="color: red;">ID</span><span style="color: blue;">="lblCategoryID"</span><span style="color: red;">runat</span><span style="color: blue;">="server"</span><span style="color: red;">Visible</span><span style="color: blue;">="false"</span><span style="color: red;">Text</span><span style="color: blue;">='</span><span style="background: yellow; mso-highlight: yellow;"><%</span><span style="color: blue;">#</span> Eval("CategoryID") <span style="background: yellow; mso-highlight: yellow;">%></span><span style="color: blue;">'></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Repeater</span> <span style="color: red;">ID</span><span style="color: blue;">="rptObject"</span><span style="color: red;">runat</span><span style="color: blue;">="server"></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                        <span style="color: blue;"><</span><span style="color: maroon;">ItemTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                            <span style="color: blue;"><</span><span style="color: maroon;">table</span> <span style="color: red;">id</span><span style="color: blue;">="tblItem"</span><span style="color: red;">style</span><span style="color: blue;">="</span><span style="color: red;">BORDER-COLLAPSE</span><span style="color: blue;">: collapse"</span> <span style="color: red;">cellspacing</span><span style="color: blue;">="3"</span> <span style="color: red;">cellpadding</span><span style="color: blue;">="5"</span> <span style="color: red;">width</span><span style="color: blue;">="100%"</span> <span style="color: red;">border</span><span style="color: blue;">="0"></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                                <span style="color: blue;"><</span><span style="color: maroon;">tr</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                                    <span style="color: blue;"><</span><span style="color: maroon;">td</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                                        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Image</span> <span style="color: red;">ID</span><span style="color: blue;">="imgBullet"</span><span style="color: red;">ImageUrl</span><span style="color: blue;">="Images/tick.gif"</span><span style="color: red;">runat</span><span style="color: blue;">="server"</span><span style="color: blue;">/></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                                        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span> <span style="color: red;">ID</span><span style="color: blue;">="lblProductName"</span><span style="color: red;">runat</span><span style="color: blue;">="server"</span><span style="color: red;">Text</span><span style="color: blue;">='</span><span style="background: yellow; mso-highlight: yellow;"><%</span><span style="color: blue;">#</span> Eval("ProductName") <span style="background: yellow; mso-highlight: yellow;">%></span><span style="color: blue;">'></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span><span style="color: blue;">><</span><span style="color: maroon;">br</span> <span style="color: blue;">/></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                                    <span style="color: blue;"></</span><span style="color: maroon;">td</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                                <span style="color: blue;"></</span><span style="color: maroon;">tr</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                            <span style="color: blue;"></</span><span style="color: maroon;">table</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                        <span style="color: blue;"></</span><span style="color: maroon;">ItemTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    <span style="color: blue;"></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Repeater</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;"></</span><span style="color: maroon;">ContentTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;"></</span><span style="color: maroon;">cc1</span><span style="color: blue;">:</span><span style="color: maroon;">Accordion</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"></</span><span style="color: maroon;">ContentTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">UpdatePanel</span><span style="color: blue;">></span><o:p></o:p></span></div><span style="color: blue; font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">asp</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">:</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">Content</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">></span></div></div></div></div></div></div></div></div></div></div><div style="padding-bottom: 8px; padding-top: 8px;"><b>VB.NET Code</b></div><div class="code" id="code" style="text-align: start;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="background: yellow; font-family: Consolas; font-size: 9.5pt; mso-highlight: yellow;"><%</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">@</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">Page</span><span style="color: red;">Title</span><span style="color: blue;">="Nesting the AjaxControlToolkit Accordion and the ASP.NET Repeater"</span> <span style="color: red;">Language</span><span style="color: blue;">="vb"</span><span style="color: red;">MasterPageFile</span><span style="color: blue;">="~/Site.Master"</span><span style="color: red;">AutoEventWireup</span><span style="color: blue;">="false"</span><span style="color: red;">CodeBehind</span><span style="color: blue;">="Default.aspx.vb"</span><span style="color: red;">Inherits</span><span style="color: blue;">="AjaxAccordionAndRepeater._Default"</span><span style="background: yellow; mso-highlight: yellow;">%></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="background: yellow; font-family: Consolas; font-size: 9.5pt; mso-highlight: yellow;"><%</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">@</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">Register</span><span style="color: red;">TagPrefix</span><span style="color: blue;">="cc1"</span><span style="color: red;">Assembly</span><span style="color: blue;">="AjaxControlToolkit"</span><span style="color: red;">Namespace</span><span style="color: blue;">="AjaxControlToolkit"</span><span style="background: yellow; mso-highlight: yellow;">%></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">asp</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">:</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">Content</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">ID</span><span style="color: blue;">="BodyContent"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">ContentPlaceHolderID</span><span style="color: blue;">="MainContent"></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">h3</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        Nesting the AjaxControlToolkit Accordion control and the ASP.NET Repeater<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">h3</span><span style="color: blue;">><</span><span style="color: maroon;">br</span> <span style="color: blue;">/></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">cc1</span><span style="color: blue;">:</span><span style="color: maroon;">ToolkitScriptManager</span><span style="color: red;">ID</span><span style="color: blue;">="ToolkitScriptManager1"</span><span style="color: red;">runat</span><span style="color: blue;">="server"</span><span style="color: blue;">/></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">UpdatePanel</span> <span style="color: red;">ID</span><span style="color: blue;">="updatePanel"</span><span style="color: red;">runat</span><span style="color: blue;">="server"</span><span style="color: red;">UpdateMode</span><span style="color: blue;">="Conditional"></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">ContentTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;"><</span><span style="color: maroon;">cc1</span><span style="color: blue;">:</span><span style="color: maroon;">Accordion</span> <span style="color: red;">ID</span><span style="color: blue;">="MyAccordion"</span><span style="color: red;">runat</span><span style="color: blue;">="server"</span><span style="color: red;">Width</span><span style="color: blue;">="350"</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: red;">HeaderCssClass</span><span style="color: blue;">="accordionHeader"</span><span style="color: red;">HeaderSelectedCssClass</span><span style="color: blue;">="accordionHeaderSelected"></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;"><</span><span style="color: maroon;">HeaderTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    <span style="background: yellow; mso-highlight: yellow;"><%</span><span style="color: blue;">#</span>Eval(<span style="color: #a31515;">"CategoryName"</span>) <span style="background: yellow; mso-highlight: yellow;">%></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;"></</span><span style="color: maroon;">HeaderTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;"><</span><span style="color: maroon;">ContentTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span> <span style="color: red;">ID</span><span style="color: blue;">="lblCategoryID"</span><span style="color: red;">runat</span><span style="color: blue;">="server"</span><span style="color: red;">Visible</span><span style="color: blue;">="false"</span><span style="color: red;">Text</span><span style="color: blue;">='</span><span style="background: yellow; mso-highlight: yellow;"><%</span><span style="color: blue;">#</span> Eval("CategoryID") <span style="background: yellow; mso-highlight: yellow;">%></span><span style="color: blue;">'></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Repeater</span> <span style="color: red;">ID</span><span style="color: blue;">="rptObject"</span><span style="color: red;">runat</span><span style="color: blue;">="server"></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                        <span style="color: blue;"><</span><span style="color: maroon;">ItemTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                            <span style="color: blue;"><</span><span style="color: maroon;">table</span> <span style="color: red;">id</span><span style="color: blue;">="tblItem"</span><span style="color: red;">style</span><span style="color: blue;">="</span><span style="color: red;">BORDER-COLLAPSE</span><span style="color: blue;">: collapse"</span> <span style="color: red;">cellspacing</span><span style="color: blue;">="3"</span> <span style="color: red;">cellpadding</span><span style="color: blue;">="5"</span> <span style="color: red;">width</span><span style="color: blue;">="100%"</span> <span style="color: red;">border</span><span style="color: blue;">="0"></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                                <span style="color: blue;"><</span><span style="color: maroon;">tr</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                                    <span style="color: blue;"><</span><span style="color: maroon;">td</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                                        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Image</span> <span style="color: red;">ID</span><span style="color: blue;">="imgBullet"</span><span style="color: red;">ImageUrl</span><span style="color: blue;">="Images/tick.gif"</span><span style="color: red;">runat</span><span style="color: blue;">="server"</span><span style="color: blue;">/></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                                        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span> <span style="color: red;">ID</span><span style="color: blue;">="lblProductName"</span><span style="color: red;">runat</span><span style="color: blue;">="server"</span><span style="color: red;">Text</span><span style="color: blue;">='</span><span style="background: yellow; mso-highlight: yellow;"><%</span><span style="color: blue;">#</span> Eval("ProductName") <span style="background: yellow; mso-highlight: yellow;">%></span><span style="color: blue;">'></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span><span style="color: blue;">><</span><span style="color: maroon;">br</span> <span style="color: blue;">/></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                                    <span style="color: blue;"></</span><span style="color: maroon;">td</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                                <span style="color: blue;"></</span><span style="color: maroon;">tr</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                            <span style="color: blue;"></</span><span style="color: maroon;">table</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                        <span style="color: blue;"></</span><span style="color: maroon;">ItemTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    <span style="color: blue;"></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Repeater</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;"></</span><span style="color: maroon;">ContentTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;"></</span><span style="color: maroon;">cc1</span><span style="color: blue;">:</span><span style="color: maroon;">Accordion</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"></</span><span style="color: maroon;">ContentTemplate</span><span style="color: blue;">></span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">UpdatePanel</span><span style="color: blue;">></span><o:p></o:p></span></div><span style="color: blue; font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">asp</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">:</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">Content</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">></span></div></div></div></div></div></div></div></div><div style="text-align: start;"><br /></div><div style="text-align: start;">- <b>B8</b>: Viết Code cho file Default.aspx</div><div style="text-align: start;"><div style="text-align: start;"><b style="text-align: start;">C# Code</b></div><div class="code" id="code"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: green; font-family: Consolas; font-size: 9.5pt;">//Visit http://www.laptrinhdotnet.com for more ASP.NET Tutorials</span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> Microsoft.VisualBasic;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> System;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> System.Collections;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> System.Collections.Generic;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> System.Data;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> System.IO;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> System.Web.UI;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> System.Web.UI.WebControls;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">using</span><span style="font-family: Consolas; font-size: 9.5pt;"> AjaxControlToolkit;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">namespace</span><span style="font-family: Consolas; font-size: 9.5pt;"> AjaxAccordionAndRepeater<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">{<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;">public</span> <span style="color: blue;">partial</span> <span style="color: blue;">class</span> <span style="color: #2b91af;">_Default</span> : System.Web.UI.<span style="color: #2b91af;">Page</span> <o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #region</span><span style="font-family: Consolas; font-size: 9.5pt;">"Create Accordion"<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">private</span> <span style="color: blue;">void</span>CreateAccordion()<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: #2b91af;">DataTable</span> objBind = <span style="color: blue;">new</span><span style="color: #2b91af;">DataTable</span>();<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            objBind = BindData();<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">if</span> (objBind != <span style="color: blue;">null</span>)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">if</span> (objBind.Rows.Count > 0)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    MyAccordion.DataSource = <span style="color: blue;">new</span>System.Data.<span style="color: #2b91af;">DataTableReader</span>(objBind);<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    MyAccordion.DataBind();<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            updatePanel.Update();<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #endregion</span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #region</span><span style="font-family: Consolas; font-size: 9.5pt;">"Bind Data"<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">private</span> <span style="color: #2b91af;">DataTable</span>BindData()<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: #2b91af;">SqlDataProvider</span> objSQL = <span style="color: blue;">new</span><span style="color: #2b91af;">SqlDataProvider</span>();<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: #2b91af;">DataTable</span> objBind = objSQL.FillTable(<span style="color: #a31515;">"Select Categories.* From Categories"</span>);<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">return</span> objBind;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">private</span> <span style="color: #2b91af;">DataTable</span>BindProduct(<span style="color: blue;">int</span> CategoryID)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: #2b91af;">SqlDataProvider</span> objSQL = <span style="color: blue;">new</span><span style="color: #2b91af;">SqlDataProvider</span>();<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: #2b91af;">DataTable</span> objBind = objSQL.FillTable(<span style="color: #a31515;">"Select Products.* From Products Where CategoryID="</span> + CategoryID + <span style="color: #a31515;">""</span>);<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">return</span> objBind;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #endregion</span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #region</span><span style="font-family: Consolas; font-size: 9.5pt;">"Accordion Methods"<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">protected</span> <span style="color: blue;">void</span>MyAccordion_ItemDataBound(<span style="color: blue;">object</span> sender, AjaxControlToolkit.<span style="color: #2b91af;">AccordionItemEventArgs</span> e)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">if</span> (e.ItemType == <span style="color: #2b91af;">AccordionItemType</span>.Content)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">int</span> CategoryID =<span style="color: #2b91af;">Convert</span>.ToInt32(((<span style="color: #2b91af;">Label</span>)e.AccordionItem.FindControl(<span style="color: #a31515;">"lblCategoryID"</span>)).Text);<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: #2b91af;">AccordionContentPanel</span> cPanel = e.AccordionItem;<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: #2b91af;">Repeater</span> rptObject = (<span style="color: #2b91af;">Repeater</span>)cPanel.FindControl(<span style="color: #a31515;">"rptObject"</span>);<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                rptObject.DataSource = BindProduct(CategoryID);<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                rptObject.DataBind();<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #endregion</span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #region</span><span style="font-family: Consolas; font-size: 9.5pt;">"Event Handles"<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">protected</span> <span style="color: blue;">void</span>Page_Load(<span style="color: blue;">object</span> sender, System.<span style="color: #2b91af;">EventArgs</span> e)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">try</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">if</span> (!IsPostBack)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    CreateAccordion();<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">catch</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            {<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        }<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">        #endregion</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    }<o:p></o:p></span></div><span style="font-family: Consolas; font-size: 9.5pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">}</span></div></div></div></div></div></div></div></div><div style="padding-bottom: 8px; padding-top: 8px;"><b>VB.NET Code</b></div><div class="code" id="code" style="text-align: start;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: green; font-family: Consolas; font-size: 9.5pt;">'Visit http://www.laptrinhdotnet.com for more ASP.NET Tutorials</span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">Imports</span><span style="font-family: Consolas; font-size: 9.5pt;"> AjaxControlToolkit<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">Namespace</span><span style="font-family: Consolas; font-size: 9.5pt;"> AjaxAccordionAndRepeater<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;">Public</span> <span style="color: blue;">Class</span> <span style="color: #2b91af;">_Default</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">Inherits</span> System.Web.UI.<span style="color: #2b91af;">Page</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#Region</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: #a31515;">"Create Accordion"</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">Private</span> <span style="color: blue;">Sub</span>CreateAccordion()<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Dim</span> objBind <span style="color: blue;">As</span> <span style="color: blue;">New</span> <span style="color: #2b91af;">DataTable</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            objBind = BindData()<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">If</span> <span style="color: blue;">Not</span> objBind <span style="color: blue;">Is</span> <span style="color: blue;">Nothing</span> <span style="color: blue;">Then</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">If</span> objBind.Rows.Count > 0 <span style="color: blue;">Then</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    MyAccordion.DataSource = <span style="color: blue;">New</span>System.Data.<span style="color: #2b91af;">DataTableReader</span>(objBind)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    MyAccordion.DataBind()<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">End</span> <span style="color: blue;">If</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">End</span> <span style="color: blue;">If</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            updatePanel.Update()<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">End</span> <span style="color: blue;">Sub</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#End</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;">Region</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#Region</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: #a31515;">"Bind Data"</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">Private</span> <span style="color: blue;">Function</span>BindData() <span style="color: blue;">As</span> <span style="color: #2b91af;">DataTable</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Dim</span> objSQL <span style="color: blue;">As</span> <span style="color: blue;">New</span> <span style="color: #2b91af;">SqlDataProvider</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Dim</span> objBind <span style="color: blue;">As</span> <span style="color: #2b91af;">DataTable</span> = objSQL.FillTable(<span style="color: #a31515;">"Select Categories.* From Categories"</span>)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Return</span> objBind<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">End</span> <span style="color: blue;">Function</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">Private</span> <span style="color: blue;">Function</span>BindProduct(<span style="color: blue;">ByVal</span> CategoryID <span style="color: blue;">As</span> <span style="color: blue;">Integer</span>) <span style="color: blue;">As</span> <span style="color: #2b91af;">DataTable</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Dim</span> objSQL <span style="color: blue;">As</span> <span style="color: blue;">New</span> <span style="color: #2b91af;">SqlDataProvider</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Dim</span> objBind <span style="color: blue;">As</span> <span style="color: #2b91af;">DataTable</span> = objSQL.FillTable(<span style="color: #a31515;">"Select Products.* From Products Where CategoryID="</span> & CategoryID & <span style="color: #a31515;">""</span>)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Return</span> objBind<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">End</span> <span style="color: blue;">Function</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#End</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;">Region</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#Region</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: #a31515;">"Accordion Methods"</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">Private</span> <span style="color: blue;">Sub</span>MyAccordion_ItemDataBound(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span>AjaxControlToolkit.<span style="color: #2b91af;">AccordionItemEventArgs</span>) <span style="color: blue;">Handles</span> MyAccordion.ItemDataBound<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">If</span> e.ItemType = <span style="color: #2b91af;">AccordionItemType</span>.Content <span style="color: blue;">Then</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">Dim</span> CategoryID <span style="color: blue;">As</span><span style="color: blue;">Integer</span> = <span style="color: blue;">DirectCast</span>(e.AccordionItem.FindControl(<span style="color: #a31515;">"lblCategoryID"</span>), <span style="color: #2b91af;">Label</span>).Text<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">Dim</span> cPanel <span style="color: blue;">As</span><span style="color: #2b91af;">AccordionContentPanel</span> = e.AccordionItem<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">Dim</span> rptObject <span style="color: blue;">As</span><span style="color: #2b91af;">Repeater</span> = <span style="color: blue;">DirectCast</span>(cPanel.FindControl(<span style="color: #a31515;">"rptObject"</span>), <span style="color: #2b91af;">Repeater</span>)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                rptObject.DataSource = BindProduct(CategoryID)<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                rptObject.DataBind()<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">End</span> <span style="color: blue;">If</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">End</span> <span style="color: blue;">Sub</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#End</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;">Region</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#Region</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: #a31515;">"Event Handles"</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">Protected</span> <span style="color: blue;">Sub</span>Page_Load(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span><span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> System.<span style="color: #2b91af;">EventArgs</span>) <span style="color: blue;">Handles</span> <span style="color: blue;">Me</span>.Load<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Try</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">If</span> Page.IsPostBack = <span style="color: blue;">False</span> <span style="color: blue;">Then</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                    CreateAccordion()<o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">End</span> <span style="color: blue;">If</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">Catch</span> ex <span style="color: blue;">As</span> <span style="color: #2b91af;">Exception</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">End</span> <span style="color: blue;">Try</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;">End</span> <span style="color: blue;">Sub</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">#End</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;">Region</span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;">End</span> <span style="color: blue;">Class</span><o:p></o:p></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">End</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;">Namespace</span><o:p></o:p></span></div></div></div></div></div></div></div></div></div></div></div></div><div style="text-align: start;"><br /></div><div style="text-align: start;">Bây giờ chạy Project bạn sẽ có kết quả như ảnh phía dưới.</div><div style="text-align: start;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2eVpzVVXJaGpx-SV1Ui5InDi4ZPRwuZHQuB46Gcrv_T8UgQiHybgg4d2oxyMFRD7ZQnMUpYoZvIuMiuTl4tz5vcB5RnkKI32Zyef0LzWYn41wsRqcWuty0SZw2ufEs2gpMrD8zB1dus/s1600/Main.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2eVpzVVXJaGpx-SV1Ui5InDi4ZPRwuZHQuB46Gcrv_T8UgQiHybgg4d2oxyMFRD7ZQnMUpYoZvIuMiuTl4tz5vcB5RnkKI32Zyef0LzWYn41wsRqcWuty0SZw2ufEs2gpMrD8zB1dus/s1600/Main.gif" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="clear: both; text-align: center;"><div style="float: left; margin: 6px 6px 0px; width: 280px;"><a href="http://adf.ly/1NLvez" target="_blank"><img alt="Code Example C#, Code Example VB.NET" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX5IGNs5gxA6HJ6wKUOVKQztkzufZYGTWmDGsjzESeAbw5gPpVperxnvMiiMPTFhfTdeeR-4kUkJSAALEa1Zdq5fGg0wgUcUViEOH5dYhX9XotYaD-DD8jE1pIm0L0ooHc0HY9SBYOeQw/s1600/CS_Code.png" /></a></div><div style="float: left; margin: 6px 6px 0px; width: 280px;"><a href="http://adf.ly/1NLvdf" target="_blank"><img alt="Code Example C#, Code Example VB.NET" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgulrYoUfYJfz40EKRawQ-iISxhV1T4-vVi8rbwkzWwWPOb5NPStwQVd3K3r6lWGkxR5-PlyV7SuGFcERHd7mBlFCaD_HCymi57mq0FBSJ9FMTOIyVXckid3Adhkoc8fUrFD8twfkZS1U8/s1600/VB_Code.png" /></a></div></div><div style="text-align: start;"><br /></div><div style="text-align: start;"><br /></div><div style="text-align: start;"><br /></div><div style="text-align: start;">Chúc các bạn thành công!</div><div style="text-align: start;"><br /></div><div style="text-align: start;">Quang Bình</div>

Sử dụng kết hợp giữa AjaxControlToolkit Accordion và Repeater trong Asp.net

( Nesting the AjaxControlToolkit Accordion control and the ASP.NET Repeater ) –  Bài viết dưới đây sẽ hướng dẫn các bạn cách sử dụng kết hợp...

Read more »