1.基本使用
CQWP只有在publishing site的网站模板中才可以使用,我们准备好站点后就可以通过下面方式插入WebPart:
<a href="http://images.cnblogs.com/cnblogs_com/carysun/201101/201101031136536627.jpg"></a>
可以在Query中设置该WebPart中要显示的内容:
<a href="http://images.cnblogs.com/cnblogs_com/carysun/201101/201101031136548971.jpg"></a>
在Additional Filters中设置Filter:
<a href="http://images.cnblogs.com/cnblogs_com/carysun/201101/201101031136559918.jpg"></a>
该WebPart可以定制具体要显示数据源中的那些字段,如下图所示,我们在Description中添加Page Content后左右的WebPart中就会将该内容显示在Webpart中:
<a href="http://images.cnblogs.com/cnblogs_com/carysun/201101/201101031136579786.jpg"></a>
2.定制样式
使用SPD打开站点的顶级站点,在All Files中XSL Style Sheets中可以看到一些关于Webpart的样式文件,和CQWP相关的有ContentQueryMain.xsl,Header.xsl,ItemStyle.xsl。
<a href="http://images.cnblogs.com/cnblogs_com/carysun/201101/201101031136585194.jpg"></a>
<a href="http://images.cnblogs.com/cnblogs_com/carysun/201101/201101031136593426.jpg"></a>
<a href="http://images.cnblogs.com/cnblogs_com/carysun/201101/201101031137014897.jpg"></a>
如果要新增加样式,我们可以新增template来自定义样式,完成后就可以在CQWP的styles属性中看到。
<xsl:template name=”NewDefaultTest” match=”*” mode=”itemstyle”>to</xsl:template>
<a href="http://images.cnblogs.com/cnblogs_com/carysun/201101/201101031137023652.jpg"></a>