如何在sap.ui.layout.form.SimpleForm內部漂亮地打印JSON

Question

我正在嘗試在sapui5表單中漂亮地打印一個JSON變量。 我有以下代碼：

var dataActualMeasure, oModelActualMeasure;

function initActualMeasure() {
    dataActualMeasure = {
        status: ""
    }
    oModelActualMeasure = new sap.ui.model.json.JSONModel();
    oModelActualMeasure.setData(dataActualMeasure);
    sap.ui.getCore().setModel(oModelActualMeasure, "actualMeasure");
};
initActualMeasure();

function updateMeasures() {
    oModelActualMeasure.loadData(url + "/?action=Status");
    oModelActualMeasure.attachRequestCompleted(
        function() {
            oModelActualMeasure.refresh();
        });
}

var measuresForm = new sap.ui.layout.form.SimpleForm(
    "measuresForm", {
        maxContainerCols: 1,
        editable: true,
        content: [
            new sap.ui.core.Title({
                text: "Kafka Status"
            }),
            new sap.m.Label({
                text: "Status"
            }),
            new sap.m.Input({
                value: "{actualMeasure>/status}"
            }).setEditable(false)
        ]
    });

var page = new sap.m.Page("page", {
    title: "Results",
    content: [
        measuresForm
    ]
});

該窗口每1秒鍾刷新一次，因此將每秒將一個新的jSON值分配給變量'status'，該變量將在頁面中打印出來，但打印效果不佳。 我要如何漂亮地打印它。 我試圖宣布

var jsonString =  JSON.stringify(oModelActualMeasure.getData().status);

並將此變量包含在頁面content []中，但這對我沒有幫助。 請幫我。 我是sapui5的新手。

Answer 1

使用JSON.stringify 參數 。

//JSON.stringify(value[,replacer[, space]])
var jsonString =  JSON.stringify(oModelActualMeasure.getData().status, null, '\t');

空間將執行以下操作（來自developer.mozilla.org）：

一個String或Number對象，用於將空白插入輸出JSON字符串中以提高可讀性。 如果是數字，則表示用作空白的空格字符數； 如果大於10，則該數字上限為10。 小於1的值表示不應使用任何空格。 如果這是一個字符串，則該字符串（或字符串的前10個字符，如果長於該字符串）用作空格。 如果未提供此參數（或為null），則不使用空格。