SharePoint 2013 扩展查阅项功能

原文:SharePoint 2013 扩展查阅项功能　　SharePoint 2013的查阅项功能，就是可以扩展其他列表字段为当前列表选项，但是选项太多的时候，会造成选择起来非常麻烦，所以，我们采取JS+Ajax的方式，改善一下这个展示，使操作更加方便。

展现效果

　　如下图，当我在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