javascript : spket 视频教程

最新推荐文章于 2023-06-13 09:55:32 发布

belldeep

最新推荐文章于 2023-06-13 09:55:32 发布

阅读量697

点赞数

分类专栏： javascript 文章标签： javascript Extjs

javascript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

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代码。