Ext Designer正式版震撼发布！！

今天Extjs主页上的Ext Designer预售终于改成了发售，兴奋了一下下

点击进去之后，竟然发现了有下载选项

 

 

 

 

下载之后得到一个近20M的安装包

 

 

双击安装。。（有UAC的注意使用管理员运行。。不然安装后期会卡住。。我就被卡了10分钟，最后只能取消安装来重新安装了。。）

 

 

安装成功，运行桌面上的快捷方式进入Ext Designer， 会有登陆框需要填写，在这里你要填写Extjs Forum的账号和密码来进行登陆验证。。。

 

 

我这里是登陆好的，提示试用13天。。

 

 

 

点击new project进入设计器。。。这里是主界面。。。

 

 

正式版的设计器的界面是用qt写的。。抛弃了js。。。，这里大家注意，设计器主界面的下方有design和code选项。。就是界面和代码的分离显示了。。。

 

 

我拖了一个window上去之后，点击code

 

不错。。感觉比较好看

 

 

点击设计器主界面下方的preview，就可以在一个新的窗口中预览实际运行效果。。。那个导出项目按钮一直变黑。。不知道是不是试用限制。。。

 

 

 

预览效果

 

 

 

详细的情况请各位看官自己安装试验。。。。

 

Ext官方地址：http://www.extjs.com/

Ext Designer下载地址：http://www.extjs.com/products/designer/?ref=family

评论

5 楼 七月十五 2010-03-24  

革命尚未成功，看来我还需努力啊

4 楼 笨笨狗 2010-03-24  

楼上的，你不用悲剧，你那种写法只是不同的解决方案了。官方用的那个是继承扩展组件，你是用的工厂方法，这两种都是比较合适的：）

我比较倾向于使用继承扩展，但是，ext自己的语法很别扭，那个调用超类同名方法的语句让我恶心死了，于是乎，我借鉴了Prototype的类体系，可以这样做：

MyWindowUI = Class.create(Ext.Window, {
      title:'My Window',
      width:400,
      height:250,
      initComponent: function($super){
            $super();
      }
});

自己继承扩展新的组件，推荐顺便注册一下xtype：

Ext.reg('mywindow', MyWindowUI)

这样一来，就可以和声明标准组件一样使用xtype来做延迟渲染鸟，good luck！

3 楼 Rooock 2010-03-24  

这个是ext官方推荐的代码书写方式么..

MyWindowUI = Ext.extend(Ext.Window, {
      title:'My Window',
      width:400,
      height:250,
      initComponent: function(){
            MyWindowUI.superclass.initComponent.call(this);
      }
});

我一直都这样写的...

function createWindow()
{
      return new Ext.Window({
            id:'myWindow'
            ,title:'My Window'
            ,width:400
            ,height:250
      });
}
var myWindowUI = createWindow();

杯具了..貌似走的是野路子....

liu78778 写道

胖哥 破了他

话说...胖哥自己也有个可视化开发工具...也很牛叉的说~

2 楼 liu78778 2010-03-24  

fins 写道

原理和以前的那个AIR版本是一样的
但是AIR版本显然不利于代码的保护.

这个是QT+webkit+一堆js

胖哥 破了他

1 楼 fins 2010-03-24  

原理和以前的那个AIR版本是一样的
但是AIR版本显然不利于代码的保护.

这个是QT+webkit+一堆js