Sharepoint学习笔记—ECMAScript对象模型--实现编写代码时的智能提示功能
2014-03-12 15:11
633 查看
在进一步实践使用ECMAScript对象模型来编写代码之前,我们当然希望我们的编码过程尽量轻松一些,所以在这里让我们看看如何实现在编写代码时,实现智能提示功能。
1、首先在VS2010中创建一个javascript文件。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/17/090e35b9dc9263b9affd1b7762f56e4f.jpg)
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代码,并查看效果如下:
1、首先在VS2010中创建一个javascript文件。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/17/090e35b9dc9263b9affd1b7762f56e4f.jpg)
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代码,并查看效果如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/17/ae4d0462edfc838578eba270c4de69ad.jpg)
相关文章推荐
- Sharepoint学习笔记―ECMAScript对象模型--实现编写代码时的智能提示功能
- Sharepoint学习笔记—ECMAScript对象模型系列-- 2、实现编写代码时的智能提示功能
- Sharepoint学习笔记—ECMAScript对象模型系列-- 2、实现编写代码时的智能提示功能
- SharePoint【ECMAScript对象模型系列】-- 02. 实现编写代码时的智能提示功能
- Sharepoint JSOM 实现编写代码时的智能提示功能
- Eclipse for android 实现代码自动提示智能提示功能
- 用Eclipse编写Android程序的代码智能提示功能
- 利用VA实现VS编写WDK代码高亮和自动提示功能
- [编写高质量代码:改善java程序的151个建议]建议43 避免对象浅拷贝; 建议44:推荐使用序列化实现对象的深拷贝
- 采用MPI_Send 和MPI_Recv 编写代码来实现包括MPI_Bcast、MPI_Alltoall、MPI_Gather、MPI_Scatter 等MPI 群集通信函数的功能
- ajax实时任务提示功能的实现代码第1/2页
- Eclipse中实现JS代码提示功能(图文教程)
- SQL Server 2008R2编写脚本时智能提示功能丢失的处理方法
- C# 实现百度搜索框智能提示功能
- Xcode .m实现文件 关键字没有提示,不提示代码补全功能,问题解决。
- [导入]AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载)
- Winform实现百度搜索框智能提示功能( C# )
- Eclipse3.6+JqueryWTP1.2实现Eclipse的Jquery智能提示功能
- AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载)
- 使用jquery 实现 仿google 的智能提示输入框功能 (改进版本)