Sharepoint学习笔记—ECMAScript对象模型系列-- 2、实现编写代码时的智能提示功能

 在进一步实践使用ECMAScript对象模型来编写代码之前,我们当然希望我们的编码过程尽量轻松一些,所以在这里让我们看看如何实现在编写代码时,实现智能提示功能。
   1、首先在VS2010中创建一个javascript文件。

  

  2、在此文件的开始处添加如下代码:   

/// <reference name="MicrosoftAjax.js" /> 

        我们必需把 对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.core.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的此用如下:

 /// <reference path="file:///C:/Program Files/Common Files/Microsoft Shared/Web Server Extensions/14/TEMPLATE/LAYOUTS/SP.Ribbon.debug.js" />

   值得注意的是这些Js一般都位于目录C:/Program Files/Common Files/Microsoft Shared/Web Server Extensions/14/TEMPLATE/LAYOUTS下。
      5、编写我们的Js代码,并查看效果如下:

 


 

posted @ 2012-05-01 06:49  wsdj  阅读(1964)  评论(7编辑  收藏  举报