创建和使用SharePoint视觉化Web部件

在SharePoint中,Web部件是一种强大的工具,可以增强网站的功能和个性化。对于开发者来说,Web部件可以部署在站点集合级别,这样所有站点集合下的站点都可以重用它。本文将介绍如何在SharePoint 2013中创建自定义视觉化Web部件,并将数据添加到SharePoint列表中。

SharePoint Web部件的类型

SharePoint中有两种类型的Web部件:

  • 标准/传统Web部件
  • 视觉化Web部件

视觉化Web部件的主要优势在于其灵活性,可以在画布上拖放项目,提供设计师体验。而标准Web部件则没有这种灵活性,需要手动编写代码。这两种Web部件之间还有其他重要的区别,但本文不深入讨论。如需详细了解,可以访问Microsoft Online MSDN。

目的

本文将指导如何使用Visual Studio创建自定义视觉化Web部件,并将数据从视觉化Web部件添加到SharePoint列表。

先决条件

要完成本文的步骤,需要:

步骤1:在SharePoint站点中创建自定义列表

在SharePoint站点中创建一个名为“员工”的自定义列表,并添加以下列:

  • 姓名
  • 电话号码
  • 地址

之前在Code Project上的文章中已经讨论并实现了在SharePoint 2013中创建自定义列表的两种简单方法。

步骤2:创建视觉化Web部件

创建一个新的空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部件,然后点击“添加”按钮。

沪ICP备2024098111号-1
上海秋旦网络科技中心:上海市奉贤区金大公路8218号1幢 联系电话:17898875485