spket 视频教程 how to install Extjs
http://www.spket.com/demos/js.html
转自 http://lzh166.iteye.com/blog/646712
首先安装Eclipse开发插件 spket,主要作用是在开发工具中js文件的编辑器,在编辑js文件的时候会有自动提示的功能。
具体安装步骤如下:
1、将下载回来的文件解压,并将eclipse文件夹下面的两个文件夹复制你的eclipse目录下。
2、Window → Preferences → Spket → JavaScript Profiles → New ;
3、输入“ExtJS”点击OK;
4、选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;
5、选择 “ExtJS”并点击“Add File”,然后在你的Ext解压目录中选取“ext.jsb2” 文件;
6、设置缺省的Profile:选中ExtJS,并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮;
这样,你以后新建的.js文件,缺省都会使用spket的javascript编辑器来打开。
如果缺省不是由spket的javascript编辑器打开,那么在打开.js文件时,可以手工选择其打开
方式为 Spket Javascript Editor 即可。
其次在浏览器中安装插件, 这里推荐使用Firebug,它是一个Firefox插件,集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,
是开发JavaScript、CSS、HTML和Ajax的得力助手。更是我们这些ExtJs开发人员必备的一个工具.用它来监视 ExtJs的 post,get值非常方便.
test_ext.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Extjs 测试 </title>
<link rel="stylesheet" type="text/css" href="/ext-2.0/resources/css/ext-all.css" />
<script type="text/javascript" src="/ext-2.0/ext-base.js"></script>
<script type="text/javascript" src="/ext-2.0/ext-all.js"></script>
<script type="text/javascript" src="/ext-2.0/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.get("btn").on("click",function(){
var name = Ext.get("name").dom.value;
Ext.Msg.alert("您好,"+name);
});
})
</script>
</head>
<body>
<input type='text' id="name" name='name' value=""/>
<input type='button' id="btn" value="提示"/>
</body>
</html>
推荐: 无废话ExtJs 入门教程 - 李林峰的园子 - 博客园 http://extjs.org.cn
extbuilder插件的安装配置及使用: http://zhangyulong.iteye.com/blog/1190867
ExtBuilder 是一个eclipse 插件可以帮助自动生成友好风格的JavaScript代码。