ajaxToolkit:AccordionPane演示与应用实例
更新时间：2013年04月17日 10:48:25 作者：
ajaxToolkit:AccordionPane演示与应用实例，需要的朋友可以参考一下
一个展开收合的ajaxToolkit:AccordionPane控件。Insus.NET在专案有用到它。 因为它可以节省显示空间。不过有点不足，就是用户刚开始使用，需要记得每个AccordionPane内容。或是需要使用一个显而可见的名字。下面的演示中，只是两个收合AccordionPane，如果多个的话，就会有上面提及的问题。
下面是HTML:ajaxToolkit:Accordion
复制代码 代码如下:
<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
复制代码 代码如下:
.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;
}
相关文章
ASP.NET中 script runat server 的用法
这篇文章主要介绍了ASP.NET中<script runat="server">的用法,以一个较为简单的例子分析了ASP.NET中<script runat="server">的特点及具体用法,对于asp.net初学者来说具有一定的参考借鉴价值,需要的朋友可以参考下2014-11-11
MVC使用Controller代替Filter完成登录验证（Session校验）学习笔记5
这篇文章主要介绍了MVC使用Controller代替Filter完成登录验证即Session校验,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
在.NET6中使用配置Quartz.NET定时任务并使用IHostedService实现项目启动自动加载任务
Quartz.Net是一个强大、开源、轻量的作业调度框架,在平时的项目开发当中也会时不时的需要运用到定时调度方面的功能,这篇文章主要介绍了在.NET6中使用配置Quartz.NET定时任务并使用IHostedService实现项目启动自动加载任务,需要的朋友可以参考下2024-04-04
这篇文章主要介绍了ASP.NET创建动态缩略图的方法,实例分析了asp.net动态操作图片的相关技巧,需要的朋友可以参考下2015-06-06
asp.net TextBox控件设置ReadOnly后，不能回传。
当把一个TextBox控件ReadOnly属性设置为True后，这个控件就不回传了。2009-05-05
在进入解释型模版引擎的探讨之前，我决定先分享一下这篇博客。因为在解释型引擎里将会引入反射的概念来实现更多、更复杂的功能2012-04-04
ASP.NET堆和栈四之对托管和非托管资源的垃圾回收和内存分配
这篇文章介绍了.NET堆和栈中对托管和非托管资源的垃圾回收和内存分配，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-08-08
这篇文章介绍了ASP.NET MVC+EF实现异步增删改查的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
这篇文章主要介绍了.Net Core读取Json配置文件的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
最近不止一个同学，问我在Repeater里怎么格式化数据，怎么处理。因为Repeater 属于服务器端控件。要么利用本身的控件事件来处理，要么在数据源上处理。2013-03-03
最新评论