自定义内容查询 Web 部件的外观

Question

我想自定义内容查询 Web 部件 (CQWP) 在 SharePoint 2010 上显示列表的方式；该列表在根目录中定义，并将在子站点中获取。每个子站点都会从列表中提取一条记录，因此我们需要像这样显示它：

Contact [Department Name]
Address (MAP) 
Tel: 0000
email@domain.org

Opening Hours:

​Sunday - Wednesday ​00:00 to 00:00 
​Thursday  ​​00:00 to 00:00 

使用 CQWP 的原因是我们从根中提取列表并根据子网站中的部门筛选器显示它。自定义 CQWP 以这种方式显示信息有多困难？谢谢。

Answer 1

一旦您了解了需要做的细节，做您需要做的事情就会出人意料地容易。

首先，了解 CQWP 使用名为 ItemStyle.xsl 的文件，该文件位于样式库中。此文件包含呈现 CQWP 结果的各个行的模板。

因此，您要做的就是向该文件添加一个模板。

接下来，如果您还没有猜到，您需要对 ItemStyle 文件使用一些 XSLT 魔法，以按照您想要的方式显示它。这不仅需要 XSLT 知识，还需要基本的 HTML（您的布局并没有太复杂，因此您只需几个 <P> 标签）。

这是一篇关于 ItemStyle 的入门文章，通过快速 Google 可以找到更多内容： http://msdn.microsoft.com/en-us/library/bb447557.aspx

Answer 2

通过自定义 Web 部件使用的 xsl，可以根据您的需要更改 CQWP 布局。可以在这里找到解释：

http://msdn.microsoft.com/en-us/library/bb447557.aspx

更多背景信息可以在这里找到：http://blogs.msdn.com/b/ecm/archive/2010/05/14/what-s-new-with-the-content-query-web-part.aspx