在 jqGrid 中显示外键文本

Question

我有一个绑定到 JSON 数据源（WCF Web 服务）的 jqGrid。 WCF 方法返回一个 id 列表。以下是返回的 JSON 示例。如您所见，这是用户与分支与角色的关系，即用户可以在不同的分支中拥有不同的角色。

    [{"entityHashCode":null,"BranchId":25,"SysRoleId":1,"SysUserId":1},
{"entityHashCode":null,"BranchId":25,"SysRoleId":2,"SysUserId":1},
{"entityHashCode":null,"BranchId":26,"SysRoleId":1,"SysUserId":1]

在 jqGrid 中显示这些数据很好，但显然我想向用户显示分支和角色名称而不是他们的 ID。 很遗憾，不能更改 WCF 以将数据作为 JOINS 返回，因为 WCF 方法可能不会改变。

我还可以访问 2 个 Web 服务方法 GetBranches 和 GetRoles，这两个方法都返回包含完整详细信息的数组 - 我必须将这些信息存储到 javascript 数组中。

有没有一种方法可以告诉 jqGrid 绑定到我的原始数组，但以某种方式告诉它从不同的数据源（GetBranches 和 GetRoles 数组）获取分支和角色名称？

Answer 1

我对我与 LeftyX 的对话感到满意，在 jqGrid 中似乎没有一种本地方式来执行此操作，因此我创建了一种在数组中的对象之间执行“JOIN”的方法。函数如下：

function joinJSONFK (entities, fkProperties, fkLookupArrays) {

    function findValInAry(ary, idfield, value) {
        for (var i = 0; i < ary.length; i++) {
            if (value == ary[i][idfield]) {
                return ary[i];
            }
        }
        return null;
    };

    function applyFKProperties(entity, fkProperties, fkLookupArrays) {
        for (var i = 0; i < fkProperties.length; i++) {
            entity[fkProperties[i] + "Source"] = findValInAry(fkLookupArrays[i], fkProperties[i], entity[fkProperties[i]]);
        }
        return entity;
    }

    var entityary = [];
    if (!entities instanceof Array) {
        entities = applyFKProperties(entities);
        return entities[0];
    }
    else {
        for (var i = 0; i < entities.length; i++) {
            entities[i] = applyFKProperties(entities[i], fkProperties, fkLookupArrays);
        }
        return entities;
    }
}

您可以按如下方式使用它：

userRoleData = joinJSONFK(result, ["SysRoleId", "BranchId"], [GlobalRoles, GlobalBranches]); 

其中“结果”是 JSON 对象的数组，格式如下：

[{"entityHashCode":null,"BranchId":25,"SysRoleId":1,"SysUserId":1},
{"entityHashCode":null,"BranchId":25,"SysRoleId":2,"SysUserId":1},
{"entityHashCode":null,"BranchId":26,"SysRoleId":1,"SysUserId":1]

["SysRoleId", "BranchId"] 是需要“JOINED”的外键数组，[GlobalRoles, GlobalBranches] 是包含外键“查找”数据的数组。

GlobalRoles 看起来像这样：

[{"Name":"Admin","SysRoleId":1,"Description":"Some description"},
{"Name":"Role 2","SysRoleId":2,"Description":"Some description"},
{"Name":"A new role","SysRoleId":3,"Description":"Some description"},
{"Name":"Another Role","SysRoleId":4,"Description":"Some description"}]

GlobalBranches 看起来像这样：

[{"BranchName":"Branch 25","BranchId":25,"Description":"describe the branch"},
{"BranchName":"Branch 26","BranchId":26,"Description":"describe the branch"},
{"BranchName":"Branch 27","BranchId":27,"Description":"describe the branch"}]

调用函数后，“userRoleData”会变成这样：

[{"entityHashCode":null,"BranchId":25,"SysRoleId":1,"SysUserId":1, "SysRoleIdSource":{"Name":"Admin","SysRoleId":1,"Description":"Some description"}, "BranchIdSource":{"BranchName":"Branch 25","BranchId":25,"Description":"describe the branch"}},
{"entityHashCode":null,"BranchId":25,"SysRoleId":2,"SysUserId":1}, "SysRoleIdSource":{"Name":"Role 2","SysRoleId":2,"Description":"Some description"}, "BranchIdSource":{"BranchName":"Branch 25","BranchId":25,"Description":"describe the branch"}},
{"entityHashCode":null,"BranchId":26,"SysRoleId":1,"SysUserId":1, "SysRoleIdSource":{"Name":"Admin","SysRoleId":1,"Description":"Some description"}, "BranchIdSource":{"BranchName":"Branch 26","BranchId":26,"Description":"describe the branch"}}]

这种方式有一个结构良好的对象集合。

Answer 2

为什么不直接在 WCF 方法中调用 GetBranches 和 GetRoles 并构建所有匹配项（关系），生成一个包含 @987654323 的新数组（列表）对象@?
您只需一次调用即可将新列表返回到 jqGrid。实施起来会更快、更容易。