Ext Designer的安装和简单实用

1、安装篇

下载 AdobeAIRInstaller.exe 和xds_preview.air

地址分别为

http://airdownload.adobe.com/air/win/download/latest/AdobeAIRInstaller.exe
http://extjs.com/deploy/xds_preview.air

安装过程不在过多说明跟正常的安装一样

破解过程

1、下载破解文件

地址为：http://badu.jb51.net/201006/tools/ExtDesigner.rar

将解压的文件夹Ext Designer Preview  覆盖到 Ext Designer 的响应目录

 

简单实用打开exe程序  界面如下

 

 

点击生成和导出代码  可以把画出的代码拷出来 或者存到文件

 

新建一个html文件

 

引入ext 相关的js和css文件

如ext-all.css、ext-base.js、ext-all.js

 

可以再head标签中 加入

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

 

把Ext Designer中生成的代码放在此处(注意在空间中加入renderTo: "placeholder",  表示界面展示在那个div上) 同时在body中加入一个id为placeholder的div

 

var ui = new Ext.mypanel();

});