快捷導(dǎo)航

ajaxToolkit:AccordionPane演示與應(yīng)用實(shí)例

更新時間：2013年04月17日 10:48:25 作者：

ajaxToolkit:AccordionPane演示與應(yīng)用實(shí)例，需要的朋友可以參考一下

一個展開收合的ajaxToolkit:AccordionPane控件。Insus.NET在專案有用到它。因?yàn)樗梢怨?jié)省顯示空間。不過有點(diǎn)不足，就是用戶剛開始使用，需要記得每個AccordionPane內(nèi)容?；蚴切枰褂靡粋€顯而可見的名字。下面的演示中，只是兩個收合AccordionPane，如果多個的話，就會有上面提及的問題。

下面是HTML:ajaxToolkit:Accordion

復(fù)制代碼代碼如下:

<ajaxToolkit:Accordion ID="Accordion1" runat="server" SelectedIndex="-1" HeaderCssClass="accordionHeader"
                HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
                FadeTransitions="true" FramesPerSecond="5" TransitionDuration="250" AutoSize="None"
                RequireOpenedPane="false" SuppressHeaderPostbacks="true">
                <Panes>
                    <ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
                        <Header>
                            條件
                        Header>
                        <Content>
                           <Content>
                    ajaxToolkit:AccordionPane>
                    <ajaxToolkit:AccordionPane ID="AccordionPane4" runat="server">
                        <Header>
                            日期
                        Header>
                        <Content>

                        <Content>
                    <ajaxToolkit:AccordionPane>
                <Panes>
            <ajaxToolkit:Accordion>

下面是CSS:Accordion

復(fù)制代碼代碼如下:

.accordionHeader
{
    border: 1px solid #acacac;
    color: #0f2336;
    background-color: #d2e6fa;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeaderSelected
{
    border: 1px solid #acacac;
    color: #0f2336;
    background-color: #97b3d1;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    background-color: #f4f7fc;
    border: 1px dashed #acacac;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

您可能感興趣的文章:

相關(guān)文章

ASP.NET中 script runat server 的用法
這篇文章主要介紹了ASP.NET中<script runat="server">的用法,以一個較為簡單的例子分析了ASP.NET中<script runat="server">的特點(diǎn)及具體用法,對于asp.net初學(xué)者來說具有一定的參考借鑒價值,需要的朋友可以參考下
2014-11-11
MVC使用Controller代替Filter完成登錄驗(yàn)證（Session校驗(yàn)）學(xué)習(xí)筆記5
這篇文章主要介紹了MVC使用Controller代替Filter完成登錄驗(yàn)證即Session校驗(yàn),具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
在.NET6中使用配置Quartz.NET定時任務(wù)并使用IHostedService實(shí)現(xiàn)項(xiàng)目啟動自動加載任務(wù)
Quartz.Net是一個強(qiáng)大、開源、輕量的作業(yè)調(diào)度框架,在平時的項(xiàng)目開發(fā)當(dāng)中也會時不時的需要運(yùn)用到定時調(diào)度方面的功能,這篇文章主要介紹了在.NET6中使用配置Quartz.NET定時任務(wù)并使用IHostedService實(shí)現(xiàn)項(xiàng)目啟動自動加載任務(wù),需要的朋友可以參考下
2024-04-04
ASP.NET創(chuàng)建動態(tài)縮略圖的方法
這篇文章主要介紹了ASP.NET創(chuàng)建動態(tài)縮略圖的方法,實(shí)例分析了asp.net動態(tài)操作圖片的相關(guān)技巧,需要的朋友可以參考下
2015-06-06
asp.net TextBox控件設(shè)置ReadOnly后，不能回傳。
當(dāng)把一個TextBox控件ReadOnly屬性設(shè)置為True后，這個控件就不回傳了。
2009-05-05
淺談.NET反射機(jī)制的性能優(yōu)化附實(shí)例下載
在進(jìn)入解釋型模版引擎的探討之前，我決定先分享一下這篇博客。因?yàn)樵诮忉屝鸵胬飳敕瓷涞母拍顏韺?shí)現(xiàn)更多、更復(fù)雜的功能
2012-04-04
ASP.NET堆和棧四之對托管和非托管資源的垃圾回收和內(nèi)存分配
這篇文章介紹了.NET堆和棧中對托管和非托管資源的垃圾回收和內(nèi)存分配，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-08-08
ASP.NET?MVC+EF實(shí)現(xiàn)異步增刪改查
這篇文章介紹了ASP.NET?MVC+EF實(shí)現(xiàn)異步增刪改查的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-03-03
.Net Core讀取Json配置文件的實(shí)現(xiàn)示例
這篇文章主要介紹了.Net Core讀取Json配置文件的實(shí)現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11
Repeater對數(shù)據(jù)進(jìn)行格式化處理
最近不止一個同學(xué)，問我在Repeater里怎么格式化數(shù)據(jù)，怎么處理。因?yàn)镽epeater 屬于服務(wù)器端控件。要么利用本身的控件事件來處理，要么在數(shù)據(jù)源上處理。
2013-03-03