SharePoint 2010:自定义XSLT List View webpart的行为和样式

简介:

添加一个List view webpart用于显示Links列表的内容,如下:

clip_image002

点击Add后,如下:

clip_image004

使用SPD可以看到Webpart的xml definition,如下:

<XmlDefinition>

<View Name="{48E14159-6F55-489A-BF10-98ECF486F0A7}" MobileView="TRUE" Type="HTML" Hidden="TRUE" OrderedView="TRUE" DisplayName="" Url="/sites/team1/sub1/Part3/SitePages/testxlv.aspx" Level="1" BaseViewID="1" ContentTypeID="0x" ImageUrl="/_layouts/images/links.png">

<Query>

<OrderBy>

<FieldRef Name="Order" Ascending="TRUE"/>

</OrderBy>

</Query>

<ViewFields>

<FieldRef Name="DocIcon"/>

<FieldRef Name="Edit"/>

<FieldRef Name="URLwMenu"/>

<FieldRef Name="Comments"/>

</ViewFields>

<RowLimit Paged="TRUE">30</RowLimit>

<Toolbar Type="Freeform"/>

</View>

</XmlDefinition>

选中WebPart,切换到Design的tab,然后点击Customize XSLT下拉菜单中的Customize Entire View

clip_image006

点击之后页面会显示出XSL的代码,可以从页面的代码行数看出,增加很多,我们就可以直接在页面上进行修改了。找到下面代码:

<a onfocus="OnLink(this)" href="{$url}">

<xsl:choose>

<xsl:when test="$desc=''">

<xsl:value-of disable-output-escaping="no" select="$url" />

</xsl:when>

<xsl:otherwise>

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

</xsl:otherwise>

</xsl:choose>

</a>

我们可以修改样式和行为,举个简单的例子,默认的link点击是在本网页打开的,我们可以将其改为在新窗口打开,我们只要将上面第一行改为如下:

<a onfocus="OnLink(this)" href="javascript:void();" onclick="window.open('{$url}');">

 

本文转自Justin博客园博客,原文链接:http://www.cnblogs.com/carysun/archive/2011/01/02/moss2010-cusxlv.html,如需转载请自行联系原作者

相关文章
|
JavaScript
Vue Antdv 列表(table、list)自定义空数据状态UI
Vue Antdv 列表(table、list)自定义空数据状态UI
696 0
|
4月前
|
BI
【Azure Power BI】Power BI获取SharePoint List列表后,如何展开List/Table中的字段,以及使用逗号拼接为一个字符串
【Azure Power BI】Power BI获取SharePoint List列表后,如何展开List/Table中的字段,以及使用逗号拼接为一个字符串
|
6月前
|
数据采集 存储 数据可视化
SharePoint List
【6月更文挑战第10天】
59 1
|
6月前
|
BI
Power BI获取SharePoint List列表后,如何展开List/Table中的字段,以及使用逗号拼接为一个字符串
在Power BI中,从SharePoint List获取数据时遇到Table和List混合的数据源,直接展开会导致“笛卡尔积”效应,生成过多行。目标是保持行数不变,将Table中的字段与List值用逗号分隔显示在同一行。解决方法包括:1) 添加新列,从Table中提取List的Column2值;2) 使用Text.Combine函数合并List中的值。具体操作步骤包括选择列并自定义新列,然后展开List并以逗号分隔。通过这些步骤,可以将Table转换为所需的字符串格式。完整的Power BI Query代码展示了这一过程。参考链接提供了更多详情。
113 2
|
7月前
[Qt5] 矩形、圆和多边形ROI区域的交互(List View列表视图,halcon实现)
[Qt5] 矩形、圆和多边形ROI区域的交互(List View列表视图,halcon实现)
148 0
|
Java
自定义list To HashMap工具类
自定义list To HashMap工具类
52 0
|
算法 C++ 容器
<C++> list容器本质|常用接口|自定义排序规则(下)
<C++> list容器本质|常用接口|自定义排序规则
119 0
|
PHP
PHP - Laravel 查看自定义路由列表 (php artisan route:list)
PHP - Laravel 查看自定义路由列表 (php artisan route:list)
261 0
|
存储 C++ 容器
<C++> list容器本质|常用接口|自定义排序规则(上)
<C++> list容器本质|常用接口|自定义排序规则
124 0
pageable 使用自定义list实现分页
pageable 使用自定义list实现分页
143 0