ext-ui.com

Ext JS 可视化开发工具 - extbuilder

Posted 周一, 12/29/2008 - 10:01 by admin

  前几天介绍过Extjs3.0将会有官方的可视化工具支持.在2.X是没办法用的.今天无意中发现了extbuilder这个现在就可以使用的Eclipse插件.

官方详细介绍:
http://code.google.com/p/extbuilder/wiki/UserGuide

预览效果:


  • 要发表评论，请先登录

评论

控件拖不出来

by 游客 - 10/16/2009 - 20:17

已经解决的童鞋麻烦告诉下怎么搞的

  • 要发表评论，请先登录

楼主啊救救我吧！！！

by 游客 - 09/17/2009 - 19:12

楼主啊，到底什么意思啊，直接把地址复制过来。
我装了extbuilder跟楼上的同志一样，能装起来，但是控件拖不出来
楼主能不能详细地给一个安装教程啊，谢谢了
本人比较愚笨，哈哈

  • 要发表评论，请先登录

我的eclipse 3.3.2

by 游客 - 08/05/2009 - 16:02

我的eclipse 3.3.2 安装时出现 ExtJs Builder (0.9.1) requires plug-in "org.apache.xerces". 怎样解决啊，网上也没找到方法。

我的eclipse 3.4 安装时出现 ExtJs Builder (0.9.1) requires 安装成功 但是编辑器中的控件拖不出来。

请帮助下 谢谢

  • 要发表评论，请先登录

不能拖动控件

by 游客 - 07/08/2009 - 19:27

你好，我把插件安装上去了，可是在编辑里面拖不出插件来啊;

请问,怎么解决

  • 要发表评论，请先登录

你好，我求助

by 游客 - 06/17/2009 - 10:42

插件装好了但是托不出来，恼火

求助谢谢

  • 要发表评论，请先登录

打开outline界面，拖到o

by 游客 - 08/10/2009 - 11:46

打开outline界面，拖到outline里面，再打开property界面，在里面改属性

  • 要发表评论，请先登录

打开outline界面，拖到o

by 游客 - 08/10/2009 - 11:46

打开outline界面，拖到outline里面，再打开property界面，在里面改属性

  • 要发表评论，请先登录

我的eclipse 3.2

by 游客 - 04/03/2009 - 15:16

我的eclipse 3.2 安装时出现 ExtJs Builder (0.9.1) requires plug-in "org.apache.xerces". 怎样解决啊，网上也没找到方法。

  • 要发表评论，请先登录

打开outline界面，拖到o

by 游客 - 08/10/2009 - 11:44

打开outline界面，拖到outline里面，再打开property界面，在里面改属性

  • 要发表评论，请先登录

你好，我把插件安装上去了

by 游客 - 05/24/2009 - 00:42

你好，我把插件安装上去了，可是在编辑里面拖不出插件来啊

  • 要发表评论，请先登录

不要用 帮助-〉软件更新-〉查找并安装 这种形式去更新插件

by admin - 04/03/2009 - 18:24

帮助-〉软件更新-〉查找并安装 这种形式去更新插件
这种更新方式好像的确有问题,

直接下载回来安装.

  • 要发表评论，请先登录

怎么直接复制过来啊 复制到哪里去

by 游客 - 08/23/2009 - 08:52

怎么直接复制过来啊 复制到哪里去？

  • 要发表评论，请先登录

嗯，直接复制目录过

by 游客 - 04/03/2009 - 20:43

嗯，直接复制目录过来可以了!非常谢谢!站主真热情啊，有求必应!!赞!!

  • 要发表评论，请先登录

你好,我是初学者,不知道怎样做好的Ext显示出来

by lxcseac - 01/07/2009 - 12:42

你好,我是初学者,不知道怎样做好的Ext显示出来

  • 要发表评论，请先登录

贴出你的代码

by admin - 01/07/2009 - 15:27

一般不出来的时候看一下有没有脚本错误,推荐使用firefox + firebug.

  • 要发表评论，请先登录

就是这段代码要在html里显示出来

by lxcseac - 01/07/2009 - 15:41

view source
print?
01.Ext.namespace('wh_main');
02.wh_main.Query = function(config) {
03.    Ext.applyIf(this, config);
04.    this.initUIComponents();
05.    wh_main.Query.superclass.constructor.call(this);
06.};
07.Ext.extend(wh_main.Query, Ext.Window, {
08.    initUIComponents : function() {
09.        // BEGIN OF CODE GENERATION PARTS, DON'T DELETE CODE BELOW
10.        Ext.apply(this, {
11.            width : 600,
12.            height : 400,
13.            items : [{
14.                frame : "true",
15.                layout : "column",
16.                items : [{
17.                    columnWidth : "0.5",
18.                    layout : "form",
19.                    items : [{
20.                        fieldLabel : "开始日期",
21.                        xtype : "datefield"
22.                    }, {
23.                        fieldLabel : "结束日期",
24.                        xtype : "datefield"
25.                    }]
26.                }, {
27.                    columnWidth : "0.5",
28.                    layout : "form",
29.                    items : [{
30.                        fieldLabel : "测试",
31.                        xtype : "combo"
32.                    }, {
33.                        fieldLabel : "测试",
34.                        xtype : "combo"
35.                    }]
36.                }],
37.                xtype : "form"
38.            }],
39.            xtype : "window"
40.        });
41.        // END OF CODE GENERATION PARTS, DON'T DELETE CODE ABOVE
42.    }
43.});

  • 要发表评论，请先登录

使用例子如下

by admin - 01/08/2009 - 18:48

view source
print?
01.<html>
02.<head>
03.<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
04.<title>power by extjs.org.cn</title>
05.<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
06.<link rel="stylesheet" type="text/css" href="../examples/examples.css" />
07.<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
08.<script type="text/javascript" src="../ext-all.js"></script>
09.<script type="text/javascript">
10.Ext.namespace('wh_main');
11.wh_main.Query = function(config) {
12.    Ext.applyIf(this, config);
13.    this.initUIComponents();
14.    wh_main.Query.superclass.constructor.call(this);
15.};
16.Ext.extend(wh_main.Query, Ext.Window, {
17.    initUIComponents : function() {
18.        // BEGIN OF CODE GENERATION PARTS, DON'T DELETE CODE BELOW
19.        Ext.apply(this, {
20.        el:'fatjames',
21.            width : 600,
22.            height : 400,
23.            items : [{
24.                frame : "true",
25.                layout : "column",
26.                items : [{
27.                    columnWidth : "0.5",
28.                    layout : "form",
29.                    items : [{
30.                        fieldLabel : "开始日期",
31.                        xtype : "datefield"
32.                    }, {
33.                        fieldLabel : "结束日期",
34.                        xtype : "datefield"
35.                    }]
36.                }, {
37.                    columnWidth : "0.5",
38.                    layout : "form",
39.                    items : [{
40.                        fieldLabel : "测试",
41.                        xtype : "combo"
42.                    }, {
43.                        fieldLabel : "测试",
44.                        xtype : "combo"
45.                    }]
46.                }],
47.                xtype : "form"
48.            }],
49.            xtype : "window"
50.        });
51.        // END OF CODE GENERATION PARTS, DON'T DELETE CODE ABOVE
52.    }
53.});
54. 
55.Ext.onReady(function(){
56.    var tt = new wh_main.Query({
57.        el:'fatjames'
58.    });
59.    tt.show(this);
60.});
61.</script>
62.</head>
63.<body>
64. 
65.<div id='fatjames' name="fatjames"></div>
66. 
67.</body>
68.</html>

  • 要发表评论，请先登录

火星人

by 游客 - 07/07/2009 - 17:06

WWW

  • 要发表评论，请先登录

你好

by lxcseac - 01/09/2009 - 09:33

我在IE6.0试了一下还是出错:'style'为空或不是对象

  • 要发表评论，请先登录

Sorry,多了一个this

by admin - 01/09/2009 - 12:22

把

view source
print?
1.Ext.onReady(function(){
2.    var tt = new wh_main.Query({
3.        el:'fatjames'
4.    });
5.    tt.show(this);
6.});

改为

view source
print?
1.Ext.onReady(function(){
2.    var tt = new wh_main.Query({
3.        el:'fatjames'
4.    });
5.    tt.show();
6.});

即可.

预览效果:
http://extjs.org.cn/extjs/forfriendexample/node_292_0001.html

  • 要发表评论，请先登录

谢谢你的帮助

by lxcseac - 01/09/2009 - 12:27

现在可以用了

  • 要发表评论，请先登录