• SharePoint 2013 Designer系列之自定义列表表单


    在SharePoint的使用中,默认的样式过于单调经常困扰着我们,其实,SharePoint使用Designer工具,可以很轻松解决这一问题,制作出各式各样漂亮的页面。下面,让我们简单介绍下这一过程。

      1、首先创建一个测试列表,里面的字段如下:

    clip_image002

      2、看一眼默认的Dispform.aspx页面,对于新闻来说,基本属于不能看;

    clip_image004

      3、使用SharePoint Designer 2013打开列表,找到Dispform.aspx页面,右键在高级模式下编辑该文件,如下图:

    clip_image006

      4、一般都是隐藏默认的td,然后新加一行tr、td,然后在新加的位置,添加显示项目表单,选择我们的测试列表News,如下图:

    clip_image008

      5、点击ribbon上的菜单,添加/删除列,来编辑我们要显示的列和列的顺序,如下图:

    clip_image010

      6、将要显示的列添加到右侧,并排序,如下图:

    clip_image012

      7、找到如下位置,来修改Html的样式,修改为我们需要的样式,如下图:

    clip_image014

      8、修改完的样式展示,是不是更像一篇新闻了呢?如下图:

    clip_image016

      9、修改的Dispform.aspx页面,修改了table的结构,并添加样式,如下图:

    clip_image018

      10、添加的自定义样式,当然我们也可以使用外部样式表,如下图:

    clip_image020

      11、这样就完了么?错,当我们点击第二条测试数据的时候,发现显示的还是第一条数据,我们还需要为表单做筛选;

    clip_image022

      12、在ribbon菜单上,点击筛选,如下图:

    clip_image024

      13、筛选的域名就是ID,值需要后面新建一个参数,如下图:

    clip_image026

      14、新建参数的截图如下,参数源是查询字符串;

    clip_image028

      15、做好的筛选条件,如下图所示:

    clip_image030

      16、再次点击第二条数据,发现正确进入了测试数据,很好!完工!

    clip_image032

    总 结

      以上是Dispform.aspx页面定制的简单思路,可以实现我们需要的展示方式;同样,编辑页面和修改页面,也可以进行相应定制,只要选取不同的视图即可。

  • 相关阅读:
    POJ 2739 Sum of Consecutive Prime Numbers( *【素数存表】+暴力枚举 )
    Hihocoder #1098 : 最小生成树二·Kruskal算法 ( *【模板】 )
    POJ 1861 Network (Kruskal算法+输出的最小生成树里最长的边==最后加入生成树的边权 *【模板】)
    java
    游戏源码--Unity开源Moba游戏-服务器-客户端完整V1.0
    c# 跨平台ide JetBrains Rider
    lua-遍历集合-ipairs和pairs的区别
    Mixamo Fuse10分钟创建角色
    现学现卖】IntelliJ+EmmyLua 开发调试Unity中Xlua
    params传递任意参数
  • 原文地址:https://www.cnblogs.com/martin-roger/p/5512427.html
Copyright © 2020-2023  润新知