客户端对象模型

步骤 1

步骤 1

Wijmo Accordion 控件提供了多个显示面板，每次显示其中一个面板的内容。用户选择其中一个面板时， 该面板的内容会自动展开， 而其它面板内容会自动折叠，从而，实现自动地组织和优化用户界面的使用。
步骤 2

步骤 2

通过Wijmo Charts: Composite，只需一个图表就可以对复杂数据进行分析。 相同数据使用不同的方式 进行显示，再将与之关联的数据进行叠加，便可预测数据的走势。
步骤 3

步骤 3

Wijmo Events Calendar支持用户添加、编辑和管理是由的预约。默认情况下， 事件日历使用脱机数 据源，因此您可以轻松地添加到您的页面，而无需额外的配置此构件。
步骤 4

步骤 4

Wijmo Accordion 控件提供了多个显示面板，每次显示其中一个面板的内容。用户选择其中一个面板时， 该面板的内容会自动展开，而其它面板内容会自动折叠，从而，实现自动地组织和优化用户界面的使用。

Log
设置
描述

此示例演示了如何使用客户端脚本修改accordion的行为或外观。

示例中所使用的客户端选项列表:

  • requireOpenedPane - 确定点击标题时是否关闭当前打开的面板 (关闭所有的accordion面板);
  • selectedIndex - 获取当前展开的accordion面板的索引;

示例中所使用的客户端行为列表:

  • add(header, content) - 在一个accordion的结尾添加一个新的accordion面板;
  • insert(index, header, content) - 在指定的索引位置插入accordion面板;
  • count() - 计算accordion面板的数目
  • removeAt(index) - 通过索引移除accordion面板;
  • clear() - 移除所有的accordion面板。

OnClientSelectedIndexChanged 属性用来监听客户端的 selectedIndexChanged事件: 

<C1Accordion:C1Accordion runat="server" 
		ID="C1Accordion1" 		
		OnClientSelectedIndexChanged="onClientSelectedIndexChanged">
.....
</C1Accordion:C1Accordion>
<script language="javascript" type="text/javascript">
	function onClientSelectedIndexChanged(ev, args) {
		log.message("The new selectedIndex value is " + args.newIndex);
	}
</script>

下面的代码展示如何用客户端脚本添加一个新的accordion面板: 

$("#<%=C1Accordion1.ClientID%>").c1accordion("add", "my header", "my content");

文档