ExtJs-01-简单的Panel

首先引入Ext文件:

<link rel="Stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/ext-all.js"></script>

html代码：

 <div id="container"></div>

JS代码：

<script type="text/javascript">
        Ext.onReady(function () {

             var panel = Ext.create('Ext.Panel', {

                  title:'My Panel',//标题

                  collapsible:true,//右上角的可收缩按钮

                  renderTo:'container',//这个Panel显示在id为container的div中

                  width:400,

                  height:200,

                  html:'<p>要显示的内容</p>'

             });

        });

界面显示如图：

</script>