ExtJS系列学习(1)——开发环境配置

  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"/>   --注意文件的相对路径

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值