在SharePoint中,Web部件是一种强大的工具,可以增强网站的功能和个性化。对于开发者来说,Web部件可以部署在站点集合级别,这样所有站点集合下的站点都可以重用它。本文将介绍如何在SharePoint 2013中创建自定义视觉化Web部件,并将数据添加到SharePoint列表中。
SharePoint中有两种类型的Web部件:
视觉化Web部件的主要优势在于其灵活性,可以在画布上拖放项目,提供设计师体验。而标准Web部件则没有这种灵活性,需要手动编写代码。这两种Web部件之间还有其他重要的区别,但本文不深入讨论。如需详细了解,可以访问Microsoft Online MSDN。
本文将指导如何使用Visual Studio创建自定义视觉化Web部件,并将数据从视觉化Web部件添加到SharePoint列表。
要完成本文的步骤,需要:
在SharePoint站点中创建一个名为“员工”的自定义列表,并添加以下列:
之前在Code Project上的文章中已经讨论并实现了在SharePoint 2013中创建自定义列表的两种简单方法。
创建一个新的空SharePoint 2013项目。提供SharePoint站点URL,选择“作为农场解决方案部署”选项。然后,右键单击项目,选择“添加”,然后点击上下文菜单中的“新建项”链接。这将调用“添加新项”窗口。在“Visual C#”部分的模板中,选择“视觉化Web部件”。为视觉化Web部件提供一个名称,然后点击“添加”按钮将其添加到SharePoint项目。
这将在SharePoint项目中添加一个新的站点集合范围的功能,以及新添加的视觉化Web部件。这个Web部件将自动添加到功能中。可以通过双击功能文件来了解这一点。
双击第5步中创建的.ascx文件。通过展开Visual Studio左侧的“工具箱”面板,添加视觉化Web部件所需的控件。双击保存按钮,它将打开.cs文件。在按钮点击事件中添加以下代码:
protected void btnSave_Click(object sender, EventArgs e)
{
// 插入保存数据到SharePoint列表的代码
}
现在,右键单击解决方案并点击“部署”选项。这个过程将在SharePoint站点上部署解决方案,并将自定义Web部件添加到Web部件库中。
已经成功创建并部署了一个简单的视觉化Web部件。但更有用的Web部件可以开发以简化特定的组织需求。SharePoint中有许多内置的Web部件,如图表Web部件、内容查询Web部件等。
SharePoint日历Web部件是一个优秀的例子,它显示了来自不同数据源的所有事件,包括Exchange、SharePoint列表、Google、SalesForce、SQL表或XML,并且可以以多种视图呈现。让按照步骤3将Web部件添加到页面。
要添加开发的新Web部件,打开页面并点击编辑页面选项。从插入选项卡中,选择Web部件图标。从自定义类别中选择部署的自定义Web部件,然后点击“添加”按钮。