继续我们的扩展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. winpcap的环境配置
  2. QT中使用QCustomplot设置坐标原点在左上或者反转镜像坐标轴
  3. 八十三、Eureka实现相互注册
  4. 电影院里为何有散落的青瓜?
  5. pdf温度记录仪开发_蔬菜、鲜果、奶制品冷链温度监控系统监控食品让客户放心...
  6. JavaMail(四):接收邮件
  7. ArcGIS中栅格数据的金字塔详解
  8. 内存很空却频繁gc_记一次不太成功的频繁 full gc 排查过程
  9. python基础6-控制语句
  10. TypeScript完全解读(26课时)_9.TypeScript完全解读-TS中的类
  11. 数学分析 函数的连续性(第4章)
  12. 华为海思芯片自立自强!
  13. casue usb kb 找不到驱动程序_手把手教你安装喷墨打印机驱动程序
  14. 苹果3年提起215起商标异议申请,对菠萝也要争,被指“霸凌”
  15. 从游戏商业思维中分析游戏用户行为数据(主要是参考网上的一些感想)
  16. 【机器学习|数学基础】Mathematics for Machine Learning系列之矩阵理论(7):欧氏空间
  17. TCP与UDP协议初步学习——网络环境中分布式进程通信的基本概念
  18. Excel转PDF如何解决显示不全的问题?
  19. ASCII 字母字符 63———127
  20. 2018华为暑假实习面试

热门文章

  1. matlab中关于统计的函数
  2. Ford-Fulkerson Edmonds-Karp算法
  3. 【OpenCV入门指南】第十一篇 鼠标绘图
  4. 利用Runtime为Category添加属性
  5. Deskew Technologies Gig Performer 4 Mac(现场调音机架)
  6. 让我小猪佩奇教你如何进行潇洒装逼
  7. 天体物理科研作图格式-要求-plot_example.py
  8. Vue指令之v-if
  9. 安卓图片框架:universal-image-loader的高速使用
  10. leetcode之String to Integer (atoi)