|
在上一篇博文中,我们在DVWP中将编辑/删除链接从左侧一道右侧。如果我们在DVWP中启用了插入链接,我们也需要在插入模板中做同样的事情。
1、切换视图
切换到插入模板,可以通过点击右上角的右尖括号图标(通过在设计视图中将鼠标移到该webpart上时显示出来)。
选择插入模板进行预览
可以肯定的是,它会像编辑模板一样错了位:
2、找到该模板
这时,我们找一个名为dvt_1.rowinsert的模板。在设计视图中点击一个字段(只要不是保存/取消链接就行)以便在代码视图中定位该模板:
<xsl:template name="dvt_1.rowinsert">
<xsl:param name="IsInsertMode" />
<xsl:variable name="Pos">_new</xsl:variable>
<tr>
<xsl:choose>
<xsl:when test="$IsInsertMode = '1'">
<xsl:if test="$dvt_1_automode = '1'" ddwrt:cf_ignore="1">
<td class="ms-vb" width="1%" nowrap="nowrap">
<xsl:call-template name="dvt_1.automode">
<xsl:with-param name="KeyField">ID</xsl:with-param>
<xsl:with-param name="KeyValue" select="ddwrt:EscapeDelims(string(@ID))" />
<xsl:with-param name="Mode">insert</xsl:with-param>
</xsl:call-template>
</td>
</xsl:if>
<td class="ms-vb">
<SharePoint:FormField runat="server" id="ff2{$Pos}" ControlMode="New" FieldName="Title" __designer:bind="{ddwrt:DataBind('i',concat('ff2',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Title')}" />
<SharePoint:FieldDescription runat="server" id="ff2description{$Pos}" FieldName="Title" ControlMode="Edit" />
</td>
<td class="ms-vb">
<xsl:value-of select="@Editor" disable-output-escaping="yes" />
</td>
<td class="ms-vb">
<xsl:value-of select="ddwrt:FormatDate(string(@Modified),2052, 5)" />
</td>
</xsl:when>
<xsl:otherwise>
<td class="ms-vb" colspan="99">
<a href="javascript: {ddwrt:GenFireServerEvent('__cancel;dvt_1_form_insertmode={1}')}">插入</a>
</td>
</xsl:otherwise>
</xsl:choose>
</tr>
</xsl:template>
3、编辑该模板
同样,我们将该模板的调用移到整段内容底部,以便使其在列表最右侧显示:
<xsl:template name="dvt_1.rowinsert">
<xsl:param name="IsInsertMode" />
<xsl:variable name="Pos">_new</xsl:variable>
<tr>
<xsl:choose>
<xsl:when test="$IsInsertMode = '1'">
<td class="ms-vb">
<SharePoint:FormField runat="server" id="ff2{$Pos}" ControlMode="New" FieldName="Title" __designer:bind="{ddwrt:DataBind('i',concat('ff2',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Title')}" />
<SharePoint:FieldDescription runat="server" id="ff2description{$Pos}" FieldName="Title" ControlMode="Edit" />
</td>
<td class="ms-vb">
<xsl:value-of select="@Editor" disable-output-escaping="yes" />
</td>
<td class="ms-vb">
<xsl:value-of select="ddwrt:FormatDate(string(@Modified),2052, 5)" />
</td>
<xsl:if test="$dvt_1_automode = '1'" ddwrt:cf_ignore="1">
<td class="ms-vb" width="1%" nowrap="nowrap">
<xsl:call-template name="dvt_1.automode">
<xsl:with-param name="KeyField">ID</xsl:with-param>
<xsl:with-param name="KeyValue" select="ddwrt:EscapeDelims(string(@ID))" />
<xsl:with-param name="Mode">insert</xsl:with-param>
</xsl:call-template>
</td>
</xsl:if>
</xsl:when>
<xsl:otherwise>
<td class="ms-vb" colspan="99">
<a href="javascript: {ddwrt:GenFireServerEvent('__cancel;dvt_1_form_insertmode={1}')}">插入</a>
</td>
</xsl:otherwise>
</xsl:choose>
</tr>
</xsl:template>
4、检查显示效果
由于我们编辑了代码,所以当我们回到设计视图时,会重新跳回默认值模板。当我们切回到插入模板后,会看到如下图所示的效果:
目标达成。用于插入操作的链接移到DVWP的右侧。
插入模板最终的页面布局如下图所示:
插入模板:
默认模板:
接下来的扩展DVWP文章中,我们将讨论如何将操作链接转成按钮。
参考资料
SharePoint: Extending the DVWP – Part 2: Layout Enhancement – Rearranging Columns – Insert Template |
|
|