ExtJs是最近几年兴起的一个比较火热的Javascript库,本人最近正在学习ExtJs, 下面对如何在.Net配置ExtJs开发环境做一个简要的介绍:
首先跟使用其它库一样,引入几个JS文件。
一,搭建环境
<!-- 引入ExtJs的样式文件-->
<link type="text/css" rel="Stylesheet" href="extjs/resources/css/ext-all.css" />
<!--引入Ext Js的适配器文件-->
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<!--引入ExtJs的框架文件,该文件方便调试,在实际应用中,直接引用ext-all.js文件-->
<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
通过以上步骤就搭建好了ExtJs开发环境了, 注意对应的文件路径自行设置。
二,加入智能提示
1
有2种方法,相对于第二种方法,第一种稍微麻烦点,先介绍下第一种:
第一步:下载智能提示所需的Extjs_Intellisense.js文件。
第二步:打开ext-base.js文件,在源代码的第一行添加window.addEventListener = false;这行代码。
第三步:在你自己需要编写ExtJS代码的js文件中引用3个文件,且ext-base.js和ext-all-debug.js
引用的顺序是ext-base.js在前面,否则智能提示出不来
/// <reference path=" extjs/adapter/ext/ext-base.js “/>
/// <reference path=" extjs/ext-all-debug.js " />
/// <reference path=" Extjs_Intellisense.js " />
经过以上3步,智能提示就能出来了
2.
http://www.spket.com/
网站提供了能够在VS2008中提供智能提示的js插件,并且提供多个Ext版本的插件下载。
下载地址:
VSWD Ext 2.2 VSWD Ext 2.1 VSWD Ext 2.02 VSWD Ext 2.0.1 build 20080218 VSWD Ext 1.1.1
使用方法:
使用方法比在VS2008中加入ExtJS智能提示方法一要简便很多,只需要在你编写ExtJS代码的第一行加上js插件的引用路径即可达到效果。
只需要在自己编写的Js文件开头加上
///<reference path="vswd-ext_2.0.1.js"/> --注意文件的相对路径
首先跟使用其它库一样,引入几个JS文件。
<!-- 引入ExtJs的样式文件-->
<!--引入Ext Js的适配器文件-->
通过以上步骤就搭建好了ExtJs开发环境了, 注意对应的文件路径自行设置。
有2种方法,相对于第二种方法,第一种稍微麻烦点,先介绍下第一种:
第二步:打开ext-base.js文件,在源代码的第一行添加window.addEventListener = false;这行代码。
第三步:在你自己需要编写ExtJS代码的js文件中引用3个文件,且ext-base.js和ext-all-debug.js
引用的顺序是ext-base.js在前面,否则智能提示出不来
/// <reference path="
/// <reference path="
/// <reference path="
经过以上3步,智能提示就能出来了
2.
http://www.spket.com/
下载地址:
VSWD Ext 2.2 VSWD Ext 2.1 VSWD Ext 2.02 VSWD Ext 2.0.1 build 20080218 VSWD Ext 1.1.1
使用方法:
使用方法比在VS2008中加入ExtJS智能提示方法一要简便很多,只需要在你编写ExtJS代码的第一行加上js插件的引用路径即可达到效果。
只需要在自己编写的Js文件开头加上
///<reference path="vswd-ext_2.0.1.js"/>