SharePoint：扩展DVWP - 第4部分：将DVWP操作链接转为按钮

继续我们的扩展DVWP系列，首先我需要快速声明一下，这个系列中有些文章会很短，而有些文章可能会比较长。换句话说，今天的小技巧将会很短，但是...

浓缩的都是精华！

在头两篇的文章中，我们把操作链接从默认的位于所有栏的左侧移到了最右侧。在上一篇中，我们在默认值模板中将本来显示在两行中的操作链接改成并排显示在一行里。但是我们并没有在编辑和插入模板中做类似的修改。

一个很好的理由是：

由于编辑和插入模板实际上是用作数据输入的表单，因此本来在占用高度上就比默认值模板要多，所以这里改不改都无所谓了。

但是，还是有需要改进的地方的。如果能够使其变得更显眼，像按钮一样岂不更好？

我们可以很容易通过CSS来达成目标。

把链接转为按钮

1、当鼠标悬停在该Web部件上时右上角会显示一个右尖括号图标，点击该图标。在弹出的菜单中的数据视图预览下拉列表框中选择编辑模板。

2、首先要在代码中找到该链接，可以通过在设计视图中点随便的一个保存或取消链接方便的在代码视图中定位到该链接。

3、我们先做一个小的修改，改一下class，并添加align="center"。

从原先的：

<xsl:when test="$Mode = 'edit'">
    <tr>
        <td class="ms-vb" width="1%" nowrap="nowrap">
            <a href="javascript: {ddwrt:GenFireServerEvent('__commit')}">保存文件</a>
        </td>
    </tr>
    <tr>
        <td class="ms-vb" width="1%" nowrap="nowrap">
            <a href="javascript: {ddwrt:GenFireServerEvent('__cancel')}">取消</a>
        </td>
    </tr>
</xsl:when>

改为：

<xsl:when test="$Mode = 'edit'">
    <tr>
        <td class="ms-vb ms-buttonactivehover" width="1%" nowrap="nowrap" align="center">
            <a href="javascript: {ddwrt:GenFireServerEvent('__commit')}">保存文件</a>
        </td>
    </tr>
    <tr>
        <td class="ms-vb ms-buttonactivehover" width="1%" nowrap="nowrap" align="center">
            <a href="javascript: {ddwrt:GenFireServerEvent('__cancel')}">取消</a>
        </td>
    </tr>
</xsl:when>

保存后再看一下现在的编辑状态运行效果...

在插入模板上做同样的操作就可以把插入状态下的操作链接也变成按钮了。

在接下来，我们会讨论如何通过PreSaveAction()修改该链接的工作方式。

参考资料

SharePoint: Extending the DVWP – Part 4: Turning DVWP Action Links into Buttons

SharePoint：扩展DVWP - 第4部分：将DVWP操作链接转为按钮相关推荐

PHP的OpenSSL加密扩展学习（三）：证书操作
PHP的OpenSSL加密扩展学习(三):证书操作关于对称和非对称的加密操作,我们已经学习完两篇文章的内容了,接下来,我们就继续学习关于证书的生成. 生成 CSR 证书签名请求 CSR 是用于生成证 ...
PHP中的MySQLi扩展学习（五）MySQLI_STMT对象操作
PHP中的MySQLi扩展学习(五)MySQLI_STMT对象操作就像 PDO 中的 PDO_Statment 对象一样,MySQLI_STMT 对象也是一个预处理语句所形成的对象,专门用来操作 M ...
C#拾遗系列(9):继承、接口、扩展方法、分部类、类操作、Ref and Out、可空类型...
本文内容: 继承 Equal示例结构和类属性 Ref and Out 类操作扩展方法接口可空类型分部类 1. 继承 using System; using System.Collectio ...
SharePoint designer 2013 中新的workflow action(操作)
在SharePoint designer 2013 新增了很多强大的action(操作): Assign a Task 给一个组或者一个用户分配一个任务,只产生一个任务,如果是分配给一个组,只要一个人 ...
sharepoint文档库文档版本信息操作
SPListItem spDoc = oWeb.Lists["共享文档"].GetItemById(DocumentID); SPFileVersionCollection ver ...
Neo4j 图数据库高级应用系列 / 服务器扩展指南 APOC (8.4) - 集合相关操作
1.概述在Cypher查询语言中,集合的使用非常普遍.集合的元素可以是简单类型的值.节点.关系.路径,甚至混合类型.下面的例子是产生集合的一些常用方法: // 返回一个包含从1到10 的整数集合 R ...
Ajax 改造，第 1 部分: 使用 Ajax 和 jQuery 改进现有站点
Ajax 技术改变了大型商业 Web 应用程序的外观,但是许多较小的 Web 站点都不具备足够的资源重新构建完整的用户界面(UI).Ajax 的一些新特性能够解决实际中的界面问题并改善用户体验.本文将 ...
SharePoint：扩展DVWP - 第8部分：挂接了工作流列表表单操作
上一次我们讨论了在挂接工作流之前列表表单操作链接的组成形式.在本文中,让我们看一下在创建好工作流后发生了哪些变化. 继续上一次未完成的操作,创建一个简单的工作流,其中要用到所有的表单字段.(具体做什么 ...
MSDN Visual系列:创建Feature扩展SharePoint列表项或文档的操作菜单项
原文:http://msdn2.microsoft.com/en-us/library/bb418731.aspx 在SharePoint中我们可以通过创建一个包含CustomAction元素定义的F ...
在 SharePoint 2013 中选择正确的 API 集
决定使用哪个 API 集的因素您可以在多个 API 集中选择一个来访问 SharePoint 2013 平台.您使用哪一个 API 集取决于以下因素: 应用程序的类型. 可能的类型包括但不限于以下不 ...

SharePoint：扩展DVWP - 第4部分：将DVWP操作链接转为按钮

把链接转为按钮

SharePoint：扩展DVWP - 第4部分：将DVWP操作链接转为按钮相关推荐

最新文章

热门文章