继续我们的扩展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操作链接转为按钮相关推荐

  1. PHP的OpenSSL加密扩展学习(三):证书操作

    PHP的OpenSSL加密扩展学习(三):证书操作 关于对称和非对称的加密操作,我们已经学习完两篇文章的内容了,接下来,我们就继续学习关于证书的生成. 生成 CSR 证书签名请求 CSR 是用于生成证 ...

  2. PHP中的MySQLi扩展学习(五)MySQLI_STMT对象操作

    PHP中的MySQLi扩展学习(五)MySQLI_STMT对象操作 就像 PDO 中的 PDO_Statment 对象一样,MySQLI_STMT 对象也是一个预处理语句所形成的对象,专门用来操作 M ...

  3. C#拾遗系列(9):继承、接口、扩展方法、分部类、类操作、Ref and Out、可空类型...

    本文内容: 继承 Equal示例 结构和类 属性 Ref and Out 类操作 扩展方法 接口 可空类型 分部类 1. 继承 using System; using System.Collectio ...

  4. SharePoint designer 2013 中新的workflow action(操作)

    在SharePoint designer 2013 新增了很多强大的action(操作): Assign a Task 给一个组或者一个用户分配一个任务,只产生一个任务,如果是分配给一个组,只要一个人 ...

  5. sharepoint文档库文档版本信息操作

    SPListItem spDoc = oWeb.Lists["共享文档"].GetItemById(DocumentID); SPFileVersionCollection ver ...

  6. Neo4j 图数据库高级应用系列 / 服务器扩展指南 APOC (8.4) - 集合相关操作

    1.概述 在Cypher查询语言中,集合的使用非常普遍.集合的元素可以是简单类型的值.节点.关系.路径,甚至混合类型.下面的例子是产生集合的一些常用方法: // 返回一个包含从1到10 的整数集合 R ...

  7. Ajax 改造,第 1 部分: 使用 Ajax 和 jQuery 改进现有站点

    Ajax 技术改变了大型商业 Web 应用程序的外观,但是许多较小的 Web 站点都不具备足够的资源重新构建完整的用户界面(UI).Ajax 的一些新特性能够解决实际中的界面问题并改善用户体验.本文将 ...

  8. SharePoint:扩展DVWP - 第8部分:挂接了工作流列表表单操作

    上一次我们讨论了在挂接工作流之前列表表单操作链接的组成形式.在本文中,让我们看一下在创建好工作流后发生了哪些变化. 继续上一次未完成的操作,创建一个简单的工作流,其中要用到所有的表单字段.(具体做什么 ...

  9. MSDN Visual系列:创建Feature扩展SharePoint列表项或文档的操作菜单项

    原文:http://msdn2.microsoft.com/en-us/library/bb418731.aspx 在SharePoint中我们可以通过创建一个包含CustomAction元素定义的F ...

  10. 在 SharePoint 2013 中选择正确的 API 集

    决定使用哪个 API 集的因素 您可以在多个 API 集中选择一个来访问 SharePoint 2013 平台.您使用哪一个 API 集取决于以下因素: 应用程序的类型. 可能的类型包括但不限于以下不 ...

最新文章

  1. ES6中export及export default的区别
  2. javascript页面跳转常用代码
  3. 不擅演讲的马化腾在 08 年讲了什么?
  4. Android 系统性能优化(82)---Android性能优化:手把手带你全面实现内存优化
  5. java 多线程 关键字_java多线程基础(synchronize关键字)
  6. 20191010:希尔排序代码详解
  7. 操作argc, argv的经典写法
  8. 王校长撩妹不成反被锤爆?再有钱的舔狗也只是舔狗【Python爬虫实战:微博评论采取】
  9. HTML做一个学校网站(纯html代码)
  10. Boost升压电路调试
  11. java gui 计算器_Java实现GUI计算器(完整版)
  12. div 设置a4大小_CSS设置A4纸张大小_others_酷徒编程知识库
  13. 改变this指向的方法
  14. Fn按键失灵后的软件替代方案
  15. 来一起学习脚本语言吧,简单,高效,解放双手,感受自由!
  16. Firefox OS简单介绍
  17. FFMPEG将视频切片成ts文件并对ts文件进行ASE加密,并合并成M3U8操作方法
  18. Linux中一些最优秀的浏览器
  19. 华中科技大学2021年博士研究生招生简章
  20. 怎么查询论文是否成功发表

热门文章

  1. LightOJ-1054 Efficient Pseudo Code
  2. Red Hat 6 安装 Yum源
  3. 通过JS制作一个简易数码时钟
  4. Linux 同步小命令
  5. 李开复:无人驾驶必须一步到位,没有所谓的人机协同
  6. python 传参open
  7. [BI项目记]-搭建代码管理环境之创建团队项目
  8. win7下安装cygwin工具
  9. [cocos2d-x]动作+场景切换
  10. 大型互联网网站架构心得之一:分