Ext简单Panel

作者在 2008-03-20 14:06:08 发布以下内容
panel.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Panel</title>

<link rel="stylesheet" type="text/css" href="exts/ext-all.css" />

<script type="text/javascript" src="exts/ext-base.js" ></script>

<script type="text/javascript" src="exts/ext-all.js" ></script>

<script type="text/javascript" src="js/panel.js" ></script>

</head>

<body>

<div id="panel"></div>

</body>

</html>

panel.js:

Ext.onReady(function(){

var my_panel = new Ext.Panel({

renderTo: 'panel',

title: 'Panel',

width:500,

height:300,

buttons:[{text:'Button'}],

html:'<h2>This is a panel.</h2>',

tbar:[{text:'Top toolbar'}],

bbar:[{text:'Bottom toolbar'}]

});

});

Ext2.0 | 阅读 7577 次
文章评论,共0条
游客请输入验证码