Accordion - 展开方向

展开方向

示例

ComponentOne 使用强大的客户端核心技术--Wijmo，为从WebForms 到MVC应用程序开发提供最终的UI控件。使用Wijmo这一项技术您就可以完成客户端到服务端的所有开发工作， Studio for ASP.NET Wijmo控件包是您团队在进行Web应用程序开发时一件不可多得的利器。

使用集 HTML5、jQuery、CSS3、和 SVG 多项技术于一体的 Studio for ASP.NET Wijmo 控件包进行开发，可以让您的 Web 应用系统紧跟当前的流行趋势，并能让您的 Web 应用程序拥有更快的执行速度、用户访问也更加流畅。

您可以非常便捷地为您的整个系统定义统一的显示外观。您可以使用 Studio for ASP.NET Wijmo 控件包内置的6个主题，同时您还可以使用 jQuery UI项目提供的 30 多个主题，甚至可以使用 ThemeRoller 创建属于您自己的系统主题。

您系统的 UI 可以在多种浏览器和设备中正常运行，因此，您不必担心跨浏览器的兼容性问题。例如：拥有互操作能力的图表不仅能够在IE6上运行，也能在iPad上运行。 Studio for ASP.NET Wijmo 控件包支持以下浏览器：IE6 及其更高版本、Firefox3 及其更高版本、Safari3 及其更高版本、Chrome和Opera。

使用 Studio for ASP.NET Wijmo 控件包，您可以指定某功能实在客户端执行，还是在服务端执行。便捷的开发模式，最大限度地减少了访问服务端的次数，实现客服端最佳的下载速度与脚本优化。

设置

选择展开方向(客户端):
选择展开方向(服务器端):

描述

此示例展示了如何从客户端改变扩展内容区域的方向。

expandDirection expandDirection 选项用来改变 accordion 面板的展开方向:

<script type="text/javascript" language="javascript">
	function setExpandDirection(direction) {
		// clear fixed padding values that was assigned 
		// during vertical animation.
		// Note, this is not needed when you use the server 
		// side ExpandDirection property.
		$("#<%=C1Accordion1.ClientID%> > .ui-accordion-content")
				.css("paddingTop", "")
				.css("paddingBottom", "");
		// Change the expandDirection option.
		$("#<%=C1Accordion1.ClientID%>")
					.c1accordion("option", "expandDirection", direction);
	}
</script>

文档