ExtJS学习笔记之三------- Panel

1、Panel的继承结构

2、Panel的实例

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ExtJS Panel</title>
	<link rel="stylesheet" type="text/css" href="ext-3.4.1/resources/css/ext-all.css"/>
	<script type="text/javascript" src="ext-3.4.1/adapter/ext/ext-base-debug.js"></script>
	<script type="text/javascript" src="ext-3.4.1/ext-all-debug.js"></script>
	<script type="text/javascript" src="ext-3.4.1/src/locale/ext-lang-zh_CN.js"></script>
	<script type="text/javascript">
	Ext.onReady(function(){
		var panel = new Ext.Panel({
			renderTo: Ext.getBody(),
			title: 'Test Panel',
			collapsible: true,//面板是否可收缩
			width: 500,
			height: 300,
			html: 'test content'
		});
	});
	</script>
  </head>
  <body>
  </body>
</html>

程序的运行结果如下:

ExtJS学习笔记之三------- Panel_第1张图片

你可能感兴趣的:(ExtJs,Panel)