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",//此處添加一行，指向頁面的接收容器的idxtype:"panel",title:"我的面板",width:400,height:250,initComponent: function(){MyPanel.superclass.initComponent.call(this);//注意去掉此處的Ext.  如果不使用初始化方法將不顯示初始化參數}});
 var ui = new MyPanel(); });
  第四步：在jsp頁面中的body標籤中添加接收容器
<div id="test"></div>