SharePoint列表合并及2013 Online子站点依赖下拉框列表关联方法

嘿，针对你在SharePoint 2013 Online里的两个需求，我给你梳理了具体的实现方案，都是实际项目里常用的方法：

SharePoint里没有直接的PK-FK约束，但可以通过**查阅列（Lookup Column）**模拟这种关联关系，再配合级联下拉实现依赖效果：

1. 建立列表间的关联（模拟PK-FK） #

假设List1是主列表（比如"分类列表"，对应SQL的主表），List2是子列表（比如"子项列表"，对应SQL的从表）：

• 打开List2的设置页面，进入「创建列」
• 列类型选择查阅，在「查阅信息」里选择List1，再选你要作为"主键"的列（比如List1的Title或自定义唯一列）
• 勾选「允许多项选择」（如果不需要就去掉），保存列设置

这样List2的这个查阅列就只能选择List1中已存在的值，相当于SQL里的外键约束，保证了数据的关联性。

2. 实现依赖（级联）下拉框 #

SharePoint默认的查阅列不支持自动级联，咱们有两种常用方案：

方案A：用InfoPath表单（适合非开发人员） #

• 打开List2的列表页面，点击「列表」选项卡 → 「自定义表单」→ 用InfoPath Designer打开
• 在InfoPath里，点击「数据」选项卡 → 「添加数据源」，选择List1作为外部数据源
• 拖两个下拉框到表单：第一个绑定List1的数据源（显示主分类），第二个绑定List2的子项数据源，然后设置筛选规则：当第一个下拉框选择的ID等于List2查阅列关联的List1 ID时，显示对应的子项
• 点击「发布」，把表单同步回SharePoint，这样用户在填写List2表单时就能看到依赖下拉了

方案B：用JavaScript/jQuery（适合开发场景） #

给维基页面添加一个「脚本编辑器」Web部件，然后插入以下逻辑代码（记得替换列表名和控件ID）：

$(document).ready(function() {
    // 加载List1的选项到第一个下拉框
    function loadList1Options() {
        $.ajax({
            url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbytitle('List1')/items?$select=ID,Title",
            method: "GET",
            headers: { "Accept": "application/json; odata=verbose" },
            success: function(data) {
                let options = "<option value=''>请选择主分类</option>";
                data.d.results.forEach(item => {
                    options += `<option value='${item.ID}'>${item.Title}</option>`;
                });
                $("#mainCategoryDropdown").html(options);
            }
        });
    }

    // 监听主分类下拉框变化，加载对应的子项
    $("#mainCategoryDropdown").change(function() {
        const list1Id = $(this).val();
        if (!list1Id) {
            $("#subItemDropdown").html("<option value=''>请先选择主分类</option>");
            return;
        }

        $.ajax({
            url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbytitle('List2')/items?$select=ID,Title&$filter=List1LookupId eq " + list1Id,
            method: "GET",
            headers: { "Accept": "application/json; odata=verbose" },
            success: function(data) {
                let options = "<option value=''>请选择子项</option>";
                data.d.results.forEach(item => {
                    options += `<option value='${item.ID}'>${item.Title}</option>`;
                });
                $("#subItemDropdown").html(options);
            }
        });
    });

    // 初始化加载主分类选项
    loadList1Options();
});

合并分两种场景，你可以根据需求选：

场景1：仅在页面显示合并数据（不修改原列表） #

• 内容查询Web部件（CQWP）：在维基页面添加这个Web部件，配置时选择List1和List2，设置相同的列映射（比如都显示Title、创建时间等），就能在页面上看到合并后的列表视图
• 自定义Web部件/JS渲染：用REST API分别获取两个列表的数据，在前端合并后用HTML渲染出来，适合需要自定义样式的场景
• Power BI嵌入：把两个SharePoint列表作为数据源导入Power BI，在Power BI里合并数据后，再把报表嵌入到维基页面

场景2：物理合并成一个新列表（永久合并数据） #

• 手动导出导入：把List1和List2分别导出为Excel，在Excel里合并数据后，再导入到SharePoint的新列表中，适合数据量小的情况
• SharePoint Designer工作流：打开SharePoint Designer，创建一个新列表，然后设计工作流把List1和List2的项批量复制到新列表里
• PowerShell脚本：适合数据量大的情况，示例脚本如下（记得替换你的站点URL和列表名）：

# 连接到SharePoint Online
Connect-PnPOnline -Url "https://yourtenant.sharepoint.com/sites/yoursubsite" -Interactive

# 获取两个列表的项
$list1Items = Get-PnPListItem -List "List1"
$list2Items = Get-PnPListItem -List "List2"

# 创建新的合并列表（如果还没有）
$mergedList = New-PnPList -Title "MergedList" -Template GenericList
# 按需添加和原列表一致的列，比如：Add-PnPField -List $mergedList -DisplayName "分类" -InternalName "Category" -Type Text

# 导入List1的项
foreach ($item in $list1Items) {
    Add-PnPListItem -List $mergedList -Values @{
        "Title" = $item["Title"]
        # 其他列根据实际情况映射，比如"Category" = $item["Category"]
    }
}

# 导入List2的项
foreach ($item in $list2Items) {
    Add-PnPListItem -List $mergedList -Values @{
        "Title" = $item["Title"]
        # 其他列根据实际情况映射
    }
}

内容的提问来源于stack exchange，提问作者Prathamesh Doke