修改内容

1.增加列表设置,隐藏Aid字段操作

SharePoint 列表之间相互关联

例如两张列表之间的父子关系。

思路如下:

列表中新增列表项后会有一个唯一的ID,我们获取到该ID赋予子表即可将两张列表相互关联。

效果图如下:

实现起来也是很简单的。下面来动手实践下。

首先我们要定位到显示页面。也就是DispForm.aspx

因为只有显示页面和编辑页面才有会有列表项ID。新建页面是没有ID生成的。

新建两张列表。。。

注意:新建列表后,需要对列表进行设置,添加Aid栏(列),为了页面好看可以设置成隐藏。

点开列表设置=>高级设置=>启用内容管理

点击项目后进入内容类型

点击Aid栏(列)后如下图

页面设置基本到此结束。下面需要在spd里手动去操作一些东西。

打开SharePoint Designer(SPD) 找到父列表的显示页面

在webpart下新增一个按钮。

SPD13取消了视图。。。

但是我们可以用F12 去查看位置。

效果如下图:

添加JS.

这里的JS作用是获取当前URL 截取到ID 通过弹窗传到子表的新建页面。效果如下:

在子表的NewForm.aspx 页面 添加JS

JS根据当前URL截取到ID,然后赋予到子表的Aid字段。

整个新建逻辑做完后,我们需要考虑的是如何显示呢?

接下来我们回到父表的显示页面 DispForm.aspx

在按钮下面插入 显示项目表单

然后我们可以发现SPD上多出了个数据视图工具

在选项下面,我们可以设置添加删除列,分页,等等。。。

到这一步的时候我们还需要把显示数据筛选一遍

我们新建一个参数,取名为Aid,参数源为查询字符串,查询字符串的变量为ID

然后我们发现在代码里面多出了一行

我们设置筛选条件

域名的Aid为 子表的新建字段Aid.

值为我们前面所建的参数Aid。即查询字符串ID

整个功能就完成了。

唯一的代码就是两段JS了

DispForm.aspx页面的JS

注意 URL为子表 新建项目的URL 加上我们要传过去的Aid

JS代码写的比较随意。。。

function show()
{
var a=location.search;
a = a.split("?");
a = a[1].split("&");
a = a[0].split("=");
//alert(a[1]); var options = {
url: "http://spserver/IT_center/Lists/B/NewForm.aspx?Source=http%3A%2F%2Fspserver%2FIT%5Fcenter%2FLists%2FB%2FAllItems%2Easpx&RootFolder=&Aid="+a[1],
width: 600,
height: 480,
title: "新增列"
};
SP.UI.ModalDialog.showModalDialog(options); } </script>

子表NewForm.aspx页面的JS

根据当前URL截取到ID

将ID值赋予到Aid字段。

<script type="text/javascript">

window.onload=function()//
{
show();
} function show()
{
var a=location.search;
a = a.split("&");
a = a[2].split("="); document.getElementById("Aid_43bc1ca7-76dd-4ea6-ae50-da655f99d378_$TextField").value=a[1];
document.getElementById("Aid_43bc1ca7-76dd-4ea6-ae50-da655f99d378_$TextField").disabled = true;
} </script>

SHAREPOINT 2013 列表之间相互关联的更多相关文章

  1. SharePoint 2013 列表关于大数据的测试<二>

    1.给测试列表添加查阅项字段,100个,代码如下: 2.插入测试数据的方法,注意查阅项字段的格式,代码如下: 3.插入10w条数据,时间花费如下(不建议List[LISTNAME].Items.Add ...

  2. Sharepoint 2013列表视图和字段权限扩展插件(免费下载)!

    记得2014年春节期间,有博客园的网友通过QQ向我咨询Sharepoint 2013列表视图和字段权限扩展,因为之前他看到我博客介绍Sharepoint 2010列表视图和字段的权限控制扩展使用,问有 ...

  3. sharepoint 2013 列表和库标签 元数据导航配置(2)

    接前面提到的,如何创建一个术语库.sharepoint 2013 列表和库标签 元数据导航配置(1), 现在要做的,就是如何在自定义或者文档库中使用这个术语库,实现标签功能,通过这些标签,找到对应的文 ...

  4. SharePoint 2013 列表启用搜索

    转载自:http://www.cnblogs.com/jianyus/p/3470117.html SharePoint 2013列表搜索的设置,只是进行完全爬网,就可以使用.如果开启爬网不是很熟练可 ...

  5. VS 2013 Preview 自定义 SharePoint 2013 列表 之 两个Bug

    SharePoint 2013 已RTM了,对于程序员来说又要了解新功能了,同时 VS 2013 也将要 RTM了,两者同时应用定会有不新功能,我们先从 自定义 列表开始. SharePoint 20 ...

  6. SharePoint 2013 列表关于大数据的测试

    本文主要介绍SharePoint列表库的效率问题,一直以来以为阙值5k,超过会线性下降,需要分文件夹存放:或许这是之前版本的描述,但是2013版本通过测试,真心不是这么一回事儿. 下面,简单介绍下自己 ...

  7. SharePoint 2013 列表多表联合查询

    在SharePoint的企业应用中,遇到复杂的逻辑的时候,我们会需要多表查询:SharePoint和Sql数据表一样,也支持多表联合查询,但是不像Sql语句那样简单,需要使用SPQuery的Joins ...

  8. Sharepoint 2013 列表使用JS Link

    使用JS Link可以向Sharepoint List注册脚本,重写Field模板,使得对于符合条件的字段改变格式和样式.但是有一个问题是,页面postback的话,JS不会被触发,不知道怎么解,有知 ...

  9. 在 SharePoint 2013 中针对地理位置字段创建地图视图

    在 SharePoint 2013 中针对地理位置字段创建地图视图 了解如何通过在 SharePoint 2013 列表中使用地图视图来显示位置信息.您可以通过 SharePoint 用户界面 (UI ...

随机推荐

  1. angularJS和jQuery的区别

    问题: 假如我熟悉利用jQuery去开发客户端应用,那么我怎么上手angularjs,能否描述下所需要的模式转变,下面这些问题能够帮助你给出一个回答: 1.在设计客户端web应用的时候有什么区别,最大 ...

  2. IOS修改webView背景透明以及IOS调用前台js的方法

    工作上遇到IOS的webView中的H5页面需要透明以显示webView的背景颜色.用H5自身的透明度的css样式或者js控制背景颜色及透明度都打不到想要的效果,最后还是通过ios设置webView中 ...

  3. System.Configuration引用后ConfigurationManager方法用不了

    System.Configuration引用后ConfigurationManager方法却用不了,提示没有引用 需手动添加引用 项目-引用-右击-添加引用-找到System.Configuratio ...

  4. 关于js写全选的方法

    思路:用一个变量来存储值,点击复选框来改变值: 代码 var num = 0; obj.onclick = function(){ if(this.checked == true){ for(var ...

  5. mysql 替换某个字段中的某个字符

    遇到这么个情况: 比如: Msql里面的某个表的某个字段里面存储的是一个人的地址,有一天这个地址的里面的某个地 名变了,那么他的地址也就要变: 比如: 原来是: number              ...

  6. 自己动手写Logistic回归算法

    假设一个数据集有n个样本,每个样本有m个特征,样本标签y为{0, 1}. 数据集可表示为: 其中,x(ij)为第i个样本的第j个特征值,y(i)为第i个样本的标签. X矩阵左侧的1相当于回归方程的常数 ...

  7. angularJS: shop chart

    <!DOCTYPE html> <html ng-app="app">   <head>     <meta charset=" ...

  8. 微信小程序-发起请求

    wx.request(object) wx.request发起的是https请求.一个微信小程序,同时只能有5个网络请求连接. object参数说明: 示例代码: wx.request({ url: ...

  9. My first blog in cnblog

    Learning, record and shareing. Being stronger.

  10. hihoCoder 1425 : What a Beautiful Lake(美丽滴湖)

    hihoCoder #1425 : What a Beautiful Lake(美丽滴湖) 时间限制:1000ms 单点时限:1000ms 内存限制:256MB Description - 题目描述 ...