码迷,mamicode.com
首页 > 其他好文 > 详细

SPServices介绍之七:智能提示内容

时间:2015-02-26 21:28:10      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:

SPServices介绍之七:智能提示内容

分类: SPSerivces

在上一篇文章SPService介绍之六中介绍了如何使用SPServices上传附件,这篇介绍一下如何使用SPServices实现编辑item时的智能提示功能。

SPServices提供了一个方法SPServices.SPAutocomplete ,使用这个方法就可以方便的实现智能提示。

先看一下语法:

 

[javascript] view plaincopy技术分享技术分享
 
  1. $().SPServices.SPAutocomplete({  
  2.     WebURL: "",  
  3.     sourceList: "",  
  4.     sourceColumn: "",  
  5.     columnName: "",  
  6.     CAMLQuery: "",  
  7.     CAMLQueryOptions: "<QueryOptions></QueryOptions>",  
  8.     filterType: "BeginsWith",  
  9.     numChars: 0,  
  10.     ignoreCase: false,  
  11.     highlightClass: "",  
  12.     uniqueVals: false,  
  13.     slideDownSpeed: "fast",  
  14.     processingIndicator: "<img src=‘_layouts/images/REFRESH.GIF‘/>", // NOTE: This option has been deprecated as of v0.6.0  
  15.     debug: false  
  16. });  

WebURL(注意大小写敏感):智能提示内容所在的列表的站点相对URL,例如“/”, "/Development"等等,如果不指定,默认是当前站点。

 

sourceList:智能提示的内容所在的列表名,可以指定名字和形如“{bba30017-2c94-4205-8163-7ffcba71f786}”的ID。

sourceColumn:智能提示内容所在的栏,这里需要指定StaticName或者InternalName。

columnName:需要使用智能提示内容的栏,指定DisplayName即可。

CAMLQuery:指定查询字符串,可以过滤智能提示的内容。

CAMLQueryOptions:指定查询选项

filterType:指定智能提示内容的匹配规则,目前支持两种,一个是包含某个字符串:Contains,另一个是以某字符串开头:BeginsWith

numChars:从用户输入的第几个字符开始智能提示,默认是0,即只要用户输入就开始智能提示

ignoreCase:在匹配的时候是否忽略大小写。默认是false,大小写敏感。

highlightClass:指定智能提示内容的样式,例如highlightClass: “ms-bold”

uniqueVals:指定在智能提示的时候是否去掉重复的值。默认是false,不去掉重复的值。

slideDownSpeed:智能提示下拉菜单的显示速度,有fast和slow两个值,默认是fast。

processingIndicator: 已经废弃。

debug:是否启用debug模式。

 

下面举一个例子,例如我有一个列表Orders,它的Title column的值大多来自另一个列表Product的Title column,所以我们可以对Orders的Title column应用智能提示,提示内容来自于Product列表的Title column。

Product表的内容:

技术分享

 

按照以下步骤对Orders列表的Title column应用智能提示:

1. 使用SharePoint Designer打开Orders列表的NewForm.aspx文件,添加如下代码引入SPServices:

技术分享

2. 继续添加以下代码,实现Title column的智能提示:

 

[javascript] view plaincopy技术分享技术分享
 
  1. <script type="text/javascript">  
  2.         $(document).ready(function(){  
  3.             $().SPServices.SPAutocomplete({  
  4.                 sourceList: "Product",      //提示内容源列表  
  5.                 sourceColumn: "Title",      //提示内容源栏  
  6.                 columnName: "Title",        //对当前列表的Title栏实施智能提示  
  7.                 filterType: "BeginsWith",   //使用BeginsWith匹配方式  
  8.                 ignoreCase: true,           //忽略大小写  
  9.                 highlightClass: "ms-bold",  //使用样式  
  10.                 debug:true                  //开启debug模式  
  11.             });  
  12.         });  
  13.     </script>  

完整的代码是:

 

技术分享

完成之后保存文件,然后到Orders列表中新建一个item,可以看到在Title栏中实现了智能提示功能:

技术分享

 

SPServices介绍之七:智能提示内容

标签:

原文地址:http://www.cnblogs.com/ningang/p/4302085.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!