javascript : spket 视频教程

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

javascript : spket 视频教程相关推荐

征服ECMAScript6（JavaScript）视频教程-李宁-专题视频课程
征服ECMAScript6(JavaScript)视频教程-21641人已学习课程介绍本课程包含了几乎所有的ECMAScript6核心内容,包括let.const.变量的解构赋值, ...
JavaScript基础视频教程总结（091-100章）
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
JavaScript基础视频教程总结（081-090章）
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
JavaScript基础视频教程总结（121-130章）
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
Javascript入门视频教程
1,第一节 http://pan.baidu.com/play/video#video/path=%2F%E6%95%99%E5%AD%A61.mov&t=-1 2,第二节 http://pa ...
分享一百多套开发视频教程的下载地址（转）
1. 北京圣思Java培训教学视频(资源共享网) 2.Lucene/WebService/SVN/Ant/SpringMVC视频(学习资料库网) 3.JUnit和Ant视频教程(VeryCD社区) 4 ...
JavaScript实用技巧(一)
JavaScript 的成功让人津津乐道,为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的 JavaScript ...
JavaScript——创建运动框架
封装好的运动框架Move(obj,attr,iTarget),可直接调用: 可用于设置width.border.fontSize.marginLeft.opacity等许多常见属性值的变速变化,实现各 ...
初窥Javascript单元测试，附带掌握一门新技能的学习方式。
之前没感觉要学啥单元测试,项目中测试都是手动测的,但也没觉的啥,但最近看文章和招聘上也多多少少有这方面的需求,于是网上搜索了一下,只找到了一些文章,但介绍的都不是很详细或者说比较复杂,满满的伤,虽然看 ...
30套最实用JAVA学习视频教程合集
资料名称下载地址 Java就业直通班:Java基础视频课程(18讲) http://down.51cto.com/zt/1238 "Java入门123"系列教学视频(23集) ...

javascript : spket 视频教程

javascript : spket 视频教程相关推荐

最新文章

热门文章