在进一步实践使用ECMAScript对象模型来编写代码之前,我们当然希望我们的编码过程尽量轻松一些,所以在这里让我们看看如何实现在编写代码时,实现智能提示功能。
1、首先在VS2010中创建一个javascript文件。
2、在此文件的开始处添加如下代码:
我们必需把 对MicrosoftAjax.js的引用放到第一行,Javascript对外部引用文件的顺序是有一定的讲究的,某些SP对象会依赖于MicrosoftAjax.js,如果我们把此文件放在随意的地方就会导致某些引用SP对象的报错。
你 也可引入带 debug 的,即"MicrosoftAjax.debug.js", 因为此文件使得Visual Web Developer 的 IntelliSense 显示出来的提示是较直观的,比如 $get 的提示是 $get(String id, element),而如果我们引入不带 debug 的,则其提示为 $get(f, e),原因就是不带Debug的文件是压缩了的。
3、接下来,我们需要添加另外两个js文件来支持我们智能提示,它们是SP.core.debug.js与SP.debug.js
引用如下
/// <reference path="file:///C:/Program Files/Common Files/Microsoft Shared/Web Server Extensions/14/TEMPLATE/LAYOUTS/SP.debug.js" />
SP.Core.Debug.Js 与 SP.Debug.Js文件是用于调试开发ECMAscript代码的主要文件.
4、与此类似,我们可以继续添加任何其它Js代码文件引用如:SP.Ribbon.debug.js,SP.UI.Admin.debug.js等等,来 支持对此类对象模型的开发调试。比如我们需要用到ECMAScript对象来操作Ribbon对象时,我们就需要添加 SP.Ribbon.debug.js的此用如下:
值得注意的是这些Js一般都位于目录C:/Program Files/Common Files/Microsoft Shared/Web Server Extensions/14/TEMPLATE/LAYOUTS下。
5、编写我们的Js代码,并查看效果如下: