Extjs4-----布局 layout 详解1-accordion(折叠)

最新推荐文章于 2021-05-12 18:37:08 发布

islittletan

最新推荐文章于 2021-05-12 18:37:08 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Extjs 文章标签： extjs 折叠面板

本文链接：https://blog.youkuaiyun.com/qq776306395/article/details/24298329

本文深入探讨了ExtJS4中的Accordion布局，详细解释了如何使用该布局实现折叠面板的效果。通过示例代码展示，当点击面板标题或扩展图标时，折叠面板的交互行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Extjs4-----布局 layout 详解1-accordion(折叠)

源码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../ext-all.js"></script>
<link rel="stylesheet" type="text/css"	href="../resources/css/ext-all-debug.css" />
<title>Insert title here</title>
<script type="text/javascript">
	Ext.onReady(function(){
	//列模型
    	var userModel = Ext.define('User', {
		    extend: 'Ext.data.Model',
		    fields: [
		        {name: 'firstName', type: 'string'},
		        {name: 'lastName',  type: 'string'},
		        {name: 'age',       type: 'int'},
		        {name: 'eyeColor',  type: 'string'}
		    ]
		});
    	//数据
    	var data = [
	         {firstName: 'Ed',    lastName: 'Spencer', age: