zoukankan      html  css  js  c++  java
  • 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页面定制的简单思路,可以实现我们需要的展示方式;同样,编辑页面和修改页面,也可以进行相应定制,只要选取不同的视图即可。

  • 相关阅读:
    zoj 1239 Hanoi Tower Troubles Again!
    zoj 1221 Risk
    uva 10192 Vacation
    uva 10066 The Twin Towers
    uva 531 Compromise
    uva 103 Stacking Boxes
    稳定婚姻模型
    Ants UVA
    Golden Tiger Claw UVA
    关于upper、lower bound 的探讨
  • 原文地址:https://www.cnblogs.com/martin-roger/p/5512427.html
Copyright © 2011-2022 走看看