博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
SharePoint 2013 Designer系列之数据视图
阅读量:6212 次
发布时间:2019-06-21

本文共 729 字,大约阅读时间需要 2 分钟。

  在SharePoint使用中,数据展示是一块很重要的部分,很多时候我们会采用webpart的形式,但是有一些情况,我们不必使用开发,仅需使用Designer即可,下面让我简单介绍下数据视图的使用。

  1、创建一个测试列表,以下为测试列表的字段,如下图:

  2、插入一些测试数据(纯属捏造,仅供娱乐),如下图:

  3、创建一个测试页面,如下图:

  4、在PlaceHolderMain节点里,插入webpartzone,然后插入数据视图,选择我们的测试列表News,如下图:

  5、切换到设计标签,选择第四个视图样式,如下图:

  6、查看一眼demo页面,如下图:

  7、设计一下分页,点击ribbon里的其他分页选项,如下图:

  8、我这里6个项目分成一页,如下图:

  9、然后在ribbon上,点击自定义xslt,选择自定义整个视图,如下图:

  10、搜索”ms-stylebox”找到如下位置,修改里面的xslt,注意不要改错了,否则整个视图报错;然后加上相关的样式,如下图;

  11、由于内容部分可能过长,我这里使用jq处理了一下长度,脚本附下:

  12、保存完页面后,前台查看,我们使用数据视图制作的页面,还算不错吧?!

  13、如果对分页不满意,可以找到如下位置,搜”ms-paging”即可,如下图:

  14、如果想隐藏上面的工具栏的栏名称,可以找到<th标签,然后通通隐藏,如下图:

  15、最后页面的效果,大家可以看一看,是不是挺棒的?!呵呵。

总 结

  数据视图,顾名思义就是展示数据使用的视图,包含了筛选、分组等多种展现形式,大家有兴趣可以多多尝试,这里仅举一小例子介绍一下,希望能对有需要的人以帮助。

转载地址:http://ccsja.baihongyu.com/

你可能感兴趣的文章
走进JEDEC,解读DDR(下)
查看>>
asp.net 动软生成的DbHelperOra
查看>>
Add UserControl into DataGridView
查看>>
cocos2d-x学习笔记(1)
查看>>
Mysql数据库中的EXISTS和NOT EXISTS
查看>>
C++面向对象类的实例题目七
查看>>
模仿百度经验效果
查看>>
关于markdown
查看>>
Project Euler 9
查看>>
事件学习
查看>>
关于Vue修改默认的build文件存放的dist路径
查看>>
时间模块
查看>>
接口测试思路,jmeter,接口测试流程
查看>>
[数学建模(二)模拟退火法与旅行商问题]
查看>>
Hadoop1.x与Hadoop2.x之间的差异
查看>>
c# 第一节 .net与c#区分
查看>>
客户端程序设计V1
查看>>
MVC5-10 ModleBinder那点事
查看>>
字符串通过在配置文件配置三个key来进行加密解密
查看>>
POJ 1236 Network of Schools【强连通分量+缩点】
查看>>