Javascript sapui5：如何将表列从一个视图传递到另一个视图

各位专家好,

我是sapui5的新手，在list.view.js中有以下场景我定义了一个简单的表：

(function () {
    "use strict";

sap.ui.jsview("fst.app.cList", {

    getControllerName: function () {
        return "fst.app.cList";
    },

    createContent: function (oController) {

        //Back button
        var oBackButton = new sap.m.Button({
            text: "Back",
            icon: "sap-icon://arrow-left",
            press: oController.handleButtonPress
        });

        //New contract button
        var oNewButton = new sap.m.Button({
            text: "New",
            icon: "sap-icon://add-document",
            press: oController.addNewButtonPress
        });

        //Spacer
        var oSpacer = sap.m.ToolbarSeparator();

        //Table body
        var oTable = sap.m.Table({
            insert: true,
            headerText: "List of Items",
            headerDesign: sap.m.ListHeaderDesign.Standard,
            mode: sap.m.ListMode.None,
            includeItemInSelection: false
        });

        //Columns
        var col01 = new sap.m.Column("col01", {
            header: new sap.m.Label({
                text: "Number"
            })
        });
        oTable.addColumn(col01);

        var col02 = new sap.m.Column("col02", {
            header: new sap.m.Label({
                text: "Product"
            })
        });
        oTable.addColumn(col02);

        var col03 = new sap.m.Column("col03", {
            header: new sap.m.Label({
                text: "Date"
            })
        });
        oTable.addColumn(col03);

        var colItems = new sap.m.ColumnListItem("colItems", {
            type: "Active"
        });
        oTable.bindAggregation("items", "/value", colItems);

        var txtNAME = new sap.m.Text("txtNAME", {
            text: "{ProductID}"
        });
        colItems.addCell(txtNAME);

        var txtNAME2 = new sap.m.Text("txtNAME2", {
            text: "{ProductName}"
        });
        colItems.addCell(txtNAME2);

        var txtNAME3 = new sap.m.Text("txtNAME3", {
            text: "{UnitsInStock}"
        });
        colItems.addCell(txtNAME3);

        var page = new sap.m.Page({

            title: "Test",
            enableScrolling: false,
            content: [oBackButton, oSpacer, oNewButton, oTable]

        });

        return page;
    }
    });
})();

单击按钮（oNewButton）时，将调用新视图（new.view.js）。在这个视图中，我希望有一个包含第一个视图中的列的表单

有谁能告诉我一些技巧，如何以最好的方式实现这样的场景

提前感谢并致以最良好的问候。

---

丹尼斯

从一个视图导航到另一个视图的最佳方式是使用路由器。查看此快速教程了解其工作原理。

要在导航中传递参数，我想您有两个选项。 1.-将其作为路由模式中的参数传递。这些将出现在散列路径中。选中此项以查看模式选项：

2.-如果必须传递多个字段，请在组件范围内创建一个模型。可以从所有视图访问组件范围。只需使用sap.ui.getCore（）.setModel（）并在目标视图中使用sap.ui.getCore（）.getModel（） 然后将从核心获取的模型设置到表单所在的容器。 这里有一个片段：

测试
//jQuery.sap.declare（“我的公司组件”）；
定义（“我的/comp/Component”，[“sap/ui/core/UIComponent”]，函数（UIComponent）{
返回UIComponent.extend（“我的comp.Component”{
元数据：{
名称：“GreatComponent”，
版本：“1.0”，
包括：[]，
依赖项：{
libs:[“sap.m”]
},
路由：{
配置：{
routerClass：“sap.m.routing.Router”，
视图类型：“XML”，
视图路径：“我的”，
controlId:“应用程序”，
过渡：“幻灯片”，
控制聚合：“页面”
},
路线：[
{
姓名：“家”，
图案：“，
目标：“家”
},
{
名称：“添加”，
模式：“添加”，
目标：“添加”
}
],
目标：{
主页：{
视图名称：“主页”，
标题：“家”
},
加：{
视图名称：“添加”，
标题：“添加”
}
}
}
},
init:function（）{
sap.ui.core.UIComponent.prototype.init.apply（这是参数）；
var oRouter=this.getRouter（）；
var oViews=oRouter.getViews（）；
this.runAsOwner（函数（）{
var myHome=sap.ui.xmlview（{viewContent:jQuery（'#home'）.html（）}）；
setView（“我的家”，我的家）；
var myAdd=sap.ui.xmlview（{viewContent:jQuery（'#add'）.html（）}）；
setView（“my.Add”，myAdd）；
});
初始化（）；
},
createContent:function（）{
var componentData=this.getComponentData（）；
返回新的sap.m.App（“App”{
});
}
});
});
定义（“my/controller1”[
“sap/ui/core/UIComponent”
]，功能（UIComponent）{
返回sap.ui.controller（“my.controller1”{
onInit:function（）{
this.oRouter=UIComponent.getRouterFor（this.getView（））；
var oModel=new sap.ui.model.json.JSONModel（）；
变量oData={
列：[]
}
oModel.setData（oData）；
setModel（oModel，“columnsModel”）；
},
onAddPress:function（）{
var aColumnsNames=[]；
var aColumns=this.getView（）.byId（“myTable”）.getColumns（）；
对于（var i=0；i