ExtDesign中生成的代码，如何应用于jsp中

第一步：在ExtDesign中拖拽生成页面，并且导出代码如下：

（以生成一个简单的panel为例）

Ext.MyPanel=Ext.extend(Ext.Panel ,{
xtype:"panel",
	title:"我的面板",
	width:400,
	height:250,
	initComponent: function(){
		Ext.MyPanel.superclass.initComponent.call(this);
	}
})

第二步、在jsp页面中引入需要的js和css文件 ，并且创建新的javascript标签头，代码如下

Ext.onReady(function(){});

 第三部将生成的代码剪切到function中（注意去掉 初始化function，并且指定一个id方便在页面上接收） 代码如下：

Ext.onReady(function(){
  		
MyPanel=Ext.extend(Ext.Panel ,{
renderTo:"test",//此处添加一行，指向页面的接收容器的id
xtype:"panel",
	title:"我的面板",
	width:400,
	height:250,
	initComponent: function(){
		MyPanel.superclass.initComponent.call(this);//注意去掉此处的Ext.  如果不使用初始化方法将不显示初始化参数
	}
});
 var ui = new MyPanel(); });

  第四步：在jsp页面中的body标签中添加接收容器


<div id="test"></div>