SharePoint 2013 扩展查阅项功能
2013-10-29 15:19
253 查看
SharePoint 2013的查阅项功能,就是可以扩展其他列表字段为当前列表选项,但是选项太多的时候,会造成选择起来非常麻烦,所以,我们采取JS+Ajax的方式,改善一下这个展示,使操作更加方便。
展现效果
如下图,当我在Textbox里输入北京,会把北京开头的选项,加载到下拉选项中,如果什么都不输入,就是全部下拉选项,这样比较方便选项多的时候,进行筛选选择;
View Code
总 结
整个功能的原理如上所示,利用JS替换页面的标签,变为自己的Input+下拉列表(div模拟),并监听Input的值变化,变化时通过Ajax更新div下拉列表,选择下拉列表,更新Input同时使用JS脚本更新隐藏的自带查阅项的Value值,完成我们的效果。
功能十分简单,代码段也没有难度,就是简单介绍的一个小例子,给有相关需求的人一个参考;也算自己对于SharePoint 2013里使用Ajax的一个练习吧,希望在实践中提高自己的能力。
附 录
Ø 完整的Ajax实例
http://www.cnblogs.com/oneword/archive/2011/06/04/2072558.html
Ø 使用div 模仿下拉框
http://hi.baidu.com/wangtanbao/item/6debfe0f6ae8ab21a0312d27
展现效果
如下图,当我在Textbox里输入北京,会把北京开头的选项,加载到下拉选项中,如果什么都不输入,就是全部下拉选项,这样比较方便选项多的时候,进行筛选选择;
SPSecurity.RunWithElevatedPrivileges(delegate() { //此处放置需要以系统账号身份运行的代码 using (SPWeb web = new SPSite("http://10.10.10.11").OpenWeb()) { SPQuery query = new SPQuery(); if (k != string.Empty) { query.Query = @"<Where> <BeginsWith> <FieldRef Name='Title' /> <Value Type='Text'>" + HttpUtility.UrlDecode(k) + @"</Value> </BeginsWith> </Where>"; } else { query.Query = ""; } SPListItemCollection itemcoll = web.Lists["City"].GetItems(query); if (itemcoll.Count != 0) { rev = "<table cellsapcing=‘0‘ cellspadding=‘3‘ border=‘0‘ width=‘100%‘> "; foreach (SPListItem item in itemcoll) { rev = rev + "<tr><td id=myselect" + item["ID"].ToString() + ">" + item["Title"].ToString() + "</td></tr>"; } rev = rev + "</table> "; } } });
View Code
总 结
整个功能的原理如上所示,利用JS替换页面的标签,变为自己的Input+下拉列表(div模拟),并监听Input的值变化,变化时通过Ajax更新div下拉列表,选择下拉列表,更新Input同时使用JS脚本更新隐藏的自带查阅项的Value值,完成我们的效果。
功能十分简单,代码段也没有难度,就是简单介绍的一个小例子,给有相关需求的人一个参考;也算自己对于SharePoint 2013里使用Ajax的一个练习吧,希望在实践中提高自己的能力。
附 录
Ø 完整的Ajax实例
http://www.cnblogs.com/oneword/archive/2011/06/04/2072558.html
Ø 使用div 模仿下拉框
http://hi.baidu.com/wangtanbao/item/6debfe0f6ae8ab21a0312d27
相关文章推荐
- IOS StoryBoard 使用
- 编程的本质是逻辑性思维
- MS SQL代理(SqlServerAgent)自动启动
- 共享内存操作类(C#源码)
- selenium grid 使用方法
- phpexcel与ThinkPHP的结合实现excel导入
- lxml get img src
- Windows Server 2008服务器配置FTP站点的方法教程
- CSS中关于居中的小技巧个人小结
- 福富软件面试经历
- iOS开发章节—OC中的类目和延展讲解
- windows 启动和停止mysql
- php四种基础算法代码实例
- LA 6348 数据结构
- 关于android几种常见的UI综合
- 使用logmnr方法找回被误删除Oracle的数据的脚本
- c#读写共享内存操作函数封装
- android 源码网站
- 从内存角度理解指针和数组(三)
- 开发笔记——ServletFileUpload