修改JSON並在Kendo UI網格中顯示

Question

鑒於此JSON：

{
"Header": {
    "NewNetworkServiceProvider": "NewNetworkServiceProvidera9ae97fe-e59a-4678-91ea-5a03c7d0f5cc",
    "PurchaseOrderNumber": "PurchaseOrderNumberdf932a47-1476-4a78-a9d0-de538ed8306b",
    "ConfirmedVersionString": "ConfirmedVersionString12e9d37c-f8dd-4251-bc55-7c83732b5629"
    }
}

}

我想把它變成：

[
  { "label": "NewNetworkerviceProvider", "value": "NewNetworkServiceProvider87cc6600-49c5-46fa-9fe7-d6f614645edb"},
  { "label": "PurchaseOrderNumber", "value": "PurchaseOrderNumber85475a1e-f22d-46f0-b437-9528b7564ab1" },
  { "label": "ConfirmedVersionString", "value": "VersionString2fa72562-dec5-4edd-9ba3-e2e2c563acb6" }
];

然后，我可以在Kendo UI網格中將其作為數據源。

我只需要按正確的方向進行操作即可將數據轉換為所需的格式，或者是否可以使用高級方法來應用架構模板，該模板將按照需要的方式動態顯示數據。

目前，使用該測試數據，我可以將其顯示在網格中，而且很棒。

Answer 1

您可以迭代該屬性並使用hasOwnProperty

var json = {
"Header": {
    "NewNetworkServiceProvider": "NewNetworkServiceProvidera9ae97fe-e59a-    4678-91ea-5a03c7d0f5cc",
    "PurchaseOrderNumber": "PurchaseOrderNumberdf932a47-1476-4a78-a9d0-    de538ed8306b",
    "ConfirmedVersionString": "ConfirmedVersionString12e9d37c-f8dd-4251-bc55-7c83732b5629"
    }
}

var result = []

for (var property in json.Header)
{
    if (json.Header.hasOwnProperty(property)) {
                var obj = {label:"",value:""}
                obj.label = property ; 
                obj.value = json.Header[property];
                result.push(obj);
            }
}

您可以使用JSON.stringify來對js對象進行字符串化