javascript - 如何在 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);

并将此变量包含在页面内容[]中，但这对我没有帮助。请帮我。我是 sapui5 的初学者。

Answer 1

使用JSON.stringify parameters .

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

space 将执行以下操作(来自developer.mozilla.org):

一个字符串或数字对象，用于将空格插入到输出 JSON 字符串中以提高可读性。如果这是一个数字，则表示用作空白的空格字符数；如果该数字大于 10，则该数字上限为 10。小于 1 的值表示不应使用空间。如果这是一个字符串，则该字符串(或该字符串的前 10 个字符，如果它比该字符长)将用作空格。如果未提供此参数(或为空)，则不使用空格。