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 

Ext.namespace('wh_main');
wh_main.Query = function(config) {
	Ext.applyIf(this, config);
	this.initUIComponents();
	wh_main.Query.superclass.constructor.call(this);
};
Ext.extend(wh_main.Query, Ext.Window, {
	initUIComponents : function() {
		// BEGIN OF CODE GENERATION PARTS, DON'T DELETE CODE BELOW
		Ext.apply(this, {
			width : 600,
			height : 400,
			items : [{
				frame : "true",
				layout : "column",
				items : [{
					columnWidth : "0.5",
					layout : "form",
					items : [{
						fieldLabel : "开始日期",
						xtype : "datefield"
					}, {
						fieldLabel : "结束日期",
						xtype : "datefield"
					}]
				}, {
					columnWidth : "0.5",
					layout : "form",
					items : [{
						fieldLabel : "测试",
						xtype : "combo"
					}, {
						fieldLabel : "测试",
						xtype : "combo"
					}]
				}],
				xtype : "form"
			}],
			xtype : "window"
		});
		// END OF CODE GENERATION PARTS, DON'T DELETE CODE ABOVE
	}
});

  • 要发表评论，请先登录

使用例子如下

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>power by extjs.org.cn</title>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="../examples/examples.css" />
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>
<script type="text/javascript">
Ext.namespace('wh_main');
wh_main.Query = function(config) {
	Ext.applyIf(this, config);
	this.initUIComponents();
	wh_main.Query.superclass.constructor.call(this);
};
Ext.extend(wh_main.Query, Ext.Window, {
	initUIComponents : function() {
		// BEGIN OF CODE GENERATION PARTS, DON'T DELETE CODE BELOW
		Ext.apply(this, {
		el:'fatjames',
			width : 600,
			height : 400,
			items : [{
				frame : "true",
				layout : "column",
				items : [{
					columnWidth : "0.5",
					layout : "form",
					items : [{
						fieldLabel : "开始日期",
						xtype : "datefield"
					}, {
						fieldLabel : "结束日期",
						xtype : "datefield"
					}]
				}, {
					columnWidth : "0.5",
					layout : "form",
					items : [{
						fieldLabel : "测试",
						xtype : "combo"
					}, {
						fieldLabel : "测试",
						xtype : "combo"
					}]
				}],
				xtype : "form"
			}],
			xtype : "window"
		});
		// END OF CODE GENERATION PARTS, DON'T DELETE CODE ABOVE
	}
});

Ext.onReady(function(){
	var tt = new wh_main.Query({
		el:'fatjames'
	});
	tt.show(this);
});
</script>
</head>
<body>

<div id='fatjames' name="fatjames"></div>

</body>
</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

把

Ext.onReady(function(){
	var tt = new wh_main.Query({
		el:'fatjames'
	});
	tt.show(this);
});

改为

Ext.onReady(function(){
	var tt = new wh_main.Query({
		el:'fatjames'
	});
	tt.show();
});

即可.

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

  • 要发表评论，请先登录

谢谢你的帮助

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

现在可以用了

  • 要发表评论，请先登录