分享人：广州华软 星尘

一. 前言

在进行Sharepoint开发时，经常会遇到内容展示个性化需求的问题，当然如果通过自定义开发控件对于内容展示的需求基本都可以很好的解决，但自定义开发也有不好的地方，例如可能会有潜在的兼容性问题和开发时间较长。其实Sharepint平台自带的一个内容查询Web部件功能比较实用，比如通过内容查询Web部件进行简单的配置可以很快的实现展示整个网站下所有文档库中的文档。但是内容查询Web部件默认显示的字段较少，只有标题、链接、缩略图等，如果我们想要显示较多的字段，那就要通过对内容查询Web部件的显示样式进行自定义才可以实现。

本文以最近一个项目需求为例: 通过内容查询Web部件显示某个网站下的所有文档，并且需要显示文档的名称、文件大小、创建者、修改时间等字段。

显示效果：

二. 目录

1.在SPD中添加自定义样式

2.导出内容查询Web部件

3.编辑导出的内容查询Web部件

4.导入编辑后的内容查询Web部件

5.选择自定义样式

6.总结

三. 在SPD中添加自定义样式

在SPD中添加自定义样式“共享文档”：

在SPD中找到网站集的样式库，打开XSL Style Sheets，打开ItemStyle.xsl文件进行编辑，在尾部</xsl:stylesheet>前加入以下样式代码：

<xsl:template name="共享文档" match="Row[@Style='共享文档']" mode="itemstyle">

<xsl:variable name="SafeLinkUrl">

<xsl:call-template name="OuterTemplate.GetSafeLink">

<xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>

</xsl:call-template>

</xsl:variable>

<xsl:variable name="DisplayTitle">

<xsl:call-template name="OuterTemplate.GetTitle">

<xsl:with-param name="Title" select="''"/>

<xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>

<xsl:with-param name="UseFileName" select="1"/>

</xsl:call-template>

</xsl:variable>

<html>

<xsl:if test="count(preceding-sibling::*)=0">

<tr>

</tr>

</xsl:if>

<tr>

<xsl:if test="string-length(@DocumentIconImageUrl) != 0">

</div>

</xsl:if>

</td>

<xsl:call-template name="OuterTemplate.CallPresenceStatusIconTemplate"/>

<xsl:if test="$ItemsHaveStreams = 'True'">

<xsl:attribute name="onclick">

<xsl:value-of select="@OnClickForWebRendering"/>

</xsl:attribute>

</xsl:if>

<xsl:if test="$ItemsHaveStreams != 'True' and @OpenInNewWindow = 'True'">

<xsl:attribute name="onclick">

<xsl:value-of disable-output-escaping="yes" select="$OnClickTargetAttribute"/>

</xsl:attribute>

</xsl:if>

<xsl:value-of select="$DisplayTitle"/>

</a>

</div>

</td>

<xsl:value-of select="round(number(@FileSizeDisplay) div number(1024))" />KB

</div>

</td>

<xsl:value-of select="@Author" />

</div>

</td>

<xsl:value-of select="@Modified" />

</div>

</td>

</tr>

</table>

</html>

</xsl:template>

四. 导出内容查询Web部件

1．在需要显示共享文档的网站页面中添加一个内容查询Web部件，编辑Web部件，设置查询条件和筛选条件，选择默认样式，然后保存设置。

2．点击Web部件的“导出”按钮将内容查询Web部件导出到本地文件。

五. 编辑导出的内容查询Web部件

在本地使用记事本编辑导出的内容查询Web部件，在文件中找到“<property name="CommonViewFields" type="string">”添加需要在内容查询Web部件中显示的字段，注意：字段名称必须是内部名称，格式为：字段名称，类型。

保存文件。

六. 导入编辑后的内容查询Web部件

1. 在页面中删除原来的内容查询Web部件。

2. 在页面中添加Web部件时导入本地的自定义Web部件文件“共享文档.webpart”，并添加到页面中。

七. 选择自定义样式

编辑Web部件，在演示文稿中的显示样式处选择“共享文档”样式。

保存配置，保存页面。

八. 总结

通过创建自定义的内容查询Web部件显示样式，即可实现对数据展示个性化的需求，而且可以节省开发时间，自定义的内容查询Web部件显示样式具有一定的通用性，只要创建了个样式，在整个网站中的任何网站页面中都可以引用，做到了同一内容类型的展示效果一次开发到处使用。

Sharepoint 2013内容查询Web部件自定义显示样式（实战）的更多相关文章

SharePoint 2013技巧分享系列 - 同步Exchange显示高清用户照片
在“SharePoint 2013技巧分享系列 - Active Directory同步显示用户照片”文中介绍了如何同步Active Directory显示用户照片,但是同步完成后,用户照片尺寸和清晰 ...
SharePoint每日小贴士Web部件
SharePoint每日小贴士Web部件项目描写叙述此Web部件从指定SP自己定义列表或一个选定的 RSS源选择一个随机项目.并显示一张图片.标题和一个Tip. 适 ...
SharePoint Survey WebPart 调查 Web部件
SharePoint Survey WebPart 调查 Web部件 Web部件下载地址点击此处下载. 安装激活Web部件过程简单此处省略. 项目描写叙述调查是SharePoint中协同门户的一 ...
SharePoint 2013中Office Web Apps的一次排错
转自http://www.cnblogs.com/awpatp/archive/2013/06/06/3121420.html, 仅供自己查看笔者尝试在自己的测试环境中为SharePoint 201 ...
移动设备和SharePoint 2013 - 第5部分：自定义应用
博客地址:http://blog.csdn.net/foxdave 原文地址在该系列文章中,作者展示了SharePoint 2013最显著的新功能概观--对移动设备的支持. 该系列文章: 移动设备和 ...
Siteserver-stl:searchOutput(搜索结果)自定义显示样式
stl:searchOutput 自定义显示样式自定义搜索提交表单需要在<stl:searchOutput>中嵌入显示搜索结果的标签,必须包含的标签有<stl:pageConte ...
SharePoint 2013 图文开发系列之自定义字段
SharePoint使用的优势,就在于开箱即用.快速搭建,SharePoint自身为我们提供了很多字段类型,已经很丰富了.但是,在实际应用中,我们还需要一些功能特殊的字段,下面,我们简单介绍下字段的开 ...
SharePoint 2013混合模式登陆中使用自定义登陆页
接前一篇博客<SharePoint 2013自定义Providers在基于表单的身份验证(Forms-Based-Authentication)中的应用>,当实现混合模式登陆后,接着我们就 ...
SharePoint 2013 状态机工作流之扩展自定义状态
当我们使用SharePoint 2013的状态机工作流时,发现一个非常不爽的事情,就是SharePoint 所有的工作流状态,都是固定的那些,没办法显示我们自定义的状态,后来经过Google发现,原来 ...

随机推荐

Mego(05) - Mego Tools使用教程
前言使用过EntityFramework6的朋友应该都知道EF中的PowerTools这个工具可以帮助初学者或者开发人员快速构建一个EF的数据上下文,并且可以很直观的看到实体之间的关系.不过目前升级 ...
mac终端命令及pycharm常用快捷键记录
mac终端命令: 1.root权限 $sudo su - 2.定位到指定文件夹位置 $cd /Users/计算机名称/Desktop (定位到桌面) 3.新建文件夹 $mkdir 文件夹名称 ...
servlet3.0 新特性——异步处理
Servlet 3.0 之前,一个普通 Servlet 的主要工作流程大致如下: 首先,Servlet 接收到请求之后,可能需要对请求携带的数据进行一些预处理: 接着,调用业务接口的某些方法,以完成业 ...
cmd登录远程Oracle数据库
在cmd中输入 user/password@Ip:port/sid 例如: laoda/123@192.168.4.161:1521/orcl laoda是用户名,123是密码.
git - 简明指南
助你入门 git 的简明指南,木有高深内容 ;) 作者:罗杰·杜德勒感谢:@tfnico, @fhd 和 Namics如有纰漏,请在 github 提报问题安装下载 git OSX 版下载 g ...
SSM-SpringMVC-24：SpringMVC异常高级之自定义异常
------------吾亦无他,唯手熟尔,谦卑若愚,好学若饥------------- 自定义异常,大家都会,对吧,无非就是继承异常类等操作,很简单,我就不多扯皮了,但是在xml配置文件中有个不同的 ...
转[@SuppressWarnings详解]
背景知识: 从JDK5开始提供名为Annotation(注释)的功能,它被定义为JSR-175规范.注释是以“@注释名”在代码中存在的,还可以添加一些参数值,例如:@SuppressWa ...
Spring IOC（二）容器初始化
本系列目录: Spring IOC(一)概览 Spring IOC(二)容器初始化 Spring IOC(三)依赖注入 Spring IOC(四)总结目录一.ApplicationContext接 ...
Python3 ——斐波那契数列（经典）
刚刚学习了斐波那契数列,整理一下思路,写个博文给未来的学弟学妹参考一下,希望能够帮助到他们永远爱你们的 ----新宝宝经历过简单的学习之后,写出一个比较简单的代码,斐波那契数列:具体程序如下: ...
Postman-----如何导入和导出
此处介绍2种导出和导入的操作方法,一种是通过分享link,另一种是导出json文件,再次导入,个人推荐link的方式,简单方便,下面将详细介绍. 第一种:分享链接,导入链接的方式 1.1.生成link ...

Sharepoint 2013内容查询Web部件自定义显示样式（实战）

一. 前言

二. 目录

三. 在SPD中添加自定义样式

四. 导出内容查询Web部件

五. 编辑导出的内容查询Web部件

六. 导入编辑后的内容查询Web部件

七. 选择自定义样式

八. 总结

Sharepoint 2013内容查询Web部件自定义显示样式（实战）的更多相关文章

随机推荐

热门专题