您的位置:首页 > 编程语言

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

2014-03-12 15:11 633 查看
在进一步实践使用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代码,并查看效果如下:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐