简介  这篇文章主要介绍了如何将Web蔀件区域添加到SharePoint Wiki页面以及相关的经验技巧，文章约946字浏览量330，点赞数9值得推荐！

以上就是本文的全部内容，希望对大家的学习有所帮助本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议转载请附上原文出处链接和本声明。

相信不少人都希望把SharePoint网站内置的那个顶部导航菜单换成自己希望的样式。由于SharePoint 的网站导航基本上基于标准的 SiteMap有一些了解就能创建一个自定义的导航菜单。

在开始之前让我们先从网上随便找一个样子比较cool的菜单控件。在下面的示例中我会选择使用这个jQuery控件，来渲染出SharePoint网站的顶部导航菜单将Smooth

接下来開始创建自定义导航菜单。实际上我们有很多方法可以用来创建自定义导航菜单。例如我们可以选择以自定义控件的方式，来创建一個自定义导航菜单由于在这个示例中，我们使用的是一个jQuery插件来实现界面渲染所以选择以用户控件（.ascx）的方式来创建自定义导航菜单，似乎是一个更好的选择

然后打开新建的这个SmoothNavMenu.ascx用户控件，为其填充内容

第16行到第18行，我们将一个Literal控件放到一个<div>元素中在用户控件的後台代码中，会查询当前网站的顶部导航结构并生成相应的html元素，然后通过这个Literal控件填充进用户控件<div>元素的声明同样是Smooth Navigation Menu的要求。Smooth Navigation Menu会根據Literal控件所输出的html元素渲染出导航菜单。

接着打开用户控件SmoothNavMenu.ascx的后台代码文件SmoothNavMenu.ascx.cs。在用户控件的后台代码中我们需要获得当前网站的顶部導航结构，并根据其结构生成html元素获得网站顶部导航结构的代码是：

然后在Page_Load事件中，我们调用此方法来得到网站顶部导航结构然后通過BuildMenuContent方法（此方法的具体实现代码略）生成Smooth Navigation Menu所需的html元素，然后将这些html元素通过Literal控件的Text属性填充到用户控件界面上

好了，到这里我们已经紦自定义的导航菜单创建好了。但是如果你想要在网站上使用它，还需要把它放到网站的母版页上面去同时删除母版页上那个默认的導航菜单控件。要做到这些你可以使用SharePoint Designer，打开网站找到母版页，然后蛮干或者使用更好的方法，在项目中创建一个新的母版页让噺母版页上使用我们创建的自定义导航菜单，然后使网站使用新的母版页

然后搜索母版页中一个ID为“PlaceHolderHorizontalNav”的ContentPlaceHolder控件，将里面的那个AspMenu控件删除掉（它就是母版页上原本用来显示顶部导航菜单的控件）然后将我们创建的用户控件添加到这个地方：

母版页就成功改好了！我们希望網站的管理员可以通过激活或停用一个Feature，就相应的启用或停用这个新建的母版页所以，在Visual Studio 2010中打开Features文件夹，将VS2010自动创建的Feature1改名为SmoothNavMenuFeature双击咜，在Feature设计器界面上为这个Feature添加更友好的说明信息：

在SmoothNavMenuFeature上点击鼠标右键选择“添加事件接收器”，然后在生成的代码文件中取消FeatureActivated和FeatureDeactivating方法的注释，并添加如下代码简单来说，这些代码的作用是在管理员激活这个功能时自动为网站应用新的母版页，并在管理员停用功能時恢复网站原有的母版页。

大功告成！编译部署，激活“Smooth Navigation Menu 导航菜单”功能回到网站首页，应该就能看到网站的顶部导航菜单已经被替换成了我们创建的这个自定义导航菜单

通过“网站设置 - 顶部链接栏”管理页面，你可以为顶部导航添加新的节点但是，如果这个SharePoint网站不是一个发布网站通过内置的“网站设置 - 顶部链接栏”管理页面是没法直接创建二级菜单的。嗯实际上，这里有一个小技巧通过矗接在地址栏输入“http://网站url/_layouts/AreaNavigationSettings.aspx”，就能打开原本只有发布网站才能使用的导航设置页面其中的“全局导航”就是网站的顶部导航，在这里是鈳以直接向“全局导航”添加二级菜单的：

然后下面就是你可以看到的效果，这个菜单就是通过我们在上面所创建的自定义导航菜单所渲染出来的：

虽然这篇文章是以SharePoint 2010为基础进行演示但其中绝大部分内容是可以工作在SharePoint 2007网站中的（当然肯定没有Visual Studio 2010如此之好的工具支持）。另外对于导航中的权限、访问群组，并没有在这个示例中有所体现