注意:所需要的Ext文件可从 点击打开链接 文件中获取
1、Basic Panel
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link href="Ext/resources/css/ext-all.css" rel="stylesheet" />
<script src="Ext/ext-all.js"></script>
<script src="Ext/ext-lang-zh_CN.js"></script>
<meta charset="utf-8" />
</head>
<body>
<div id="panel">
<script>
var panel = new Ext.Panel(
{
title: 'Header Icons',
renderTo:'panel',//绑定控件id
floating: true,//浮动
collapsible: true, //可折叠
draggable: true,//可拖拽
//工具栏
tools: [
{ type: 'pin' },
{ type: 'refresh' },
{ type: 'search' },
{ type: 'save' }
],
html: '显示内容',
pageX: 200,//出现位置距离页面left 200
pageY: 50,//出现位置距离页面top 200
width: 200,
height:150
});
</script>
</div>
</body>
</html>