Sapui5 使用声明性支持将项目添加到sap.m.list_Sapui5

Sapui5 使用声明性支持将项目添加到sap.m.list

sapui5

Sapui5 使用声明性支持将项目添加到sap.m.list,sapui5,Sapui5,我想使用去极化支持将项目添加到列表中。例如：这是我的密码。我想把list元素放在mark说： // I want to insert elements here...... 谢谢 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> </head> <body> <script id='sap-

我想使用去极化支持将项目添加到列表中。例如：

这是我的密码。我想把list元素放在mark说：

            // I want to insert elements here......

谢谢

     <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">

</head>

<body>
 <script id='sap-ui-bootstrap'
        type='text/javascript'
        src='https://openui5.hana.ondemand.com/1.38.10/resources/sap-ui-core.js'
        data-sap-ui-libs="sap.ui.commons,sap.m"
        data-sap-ui-modules='sap.ui.core.DeclarativeSupport'
>
</script>


             <div data-sap-ui-type='sap.m.ListBase' > 
                <div data-sap-ui-aggregation="content"> 
                // I want to insert elements here......
                 </div> 
             </div> 


     <div data-sap-ui-type='sap.ui.ux3.NavigationBar'>
        <div data-sap-ui-type="sap.ui.ux3.NavigationItem" data-key="item1"data-text="Item with some text 3"></div>
        <div data-sap-ui-type="sap.ui.ux3.NavigationItem" data-key="item1" data-text="Item with some text 3"></div>
        <div data-sap-ui-type="sap.ui.ux3.NavigationItem" data-key="item1" data-text="Item with some text 3"></div>
        </div>
</div>
</body>

</html>


//我想在这里插入元素。。。。。。

这里有两个declaritive支持示例（省略HTML标记）

第一个显示所需的导航栏：

    <head>
        <script id="sap-ui-bootstrap"
            type="text/javascript"
            src="resources/sap-ui-core.js"
            data-sap-ui-xx-bindingSyntax="complex"
            data-sap-ui-modules="sap.ui.core.DeclarativeSupport">
        </script>
        <script>
            sap.ui.getCore().attachInit(function() {
                var navbar = sap.ui.core.DeclarativeSupport.compile(document.getElementById("navbar"));
            });
        </script>
    </head>
    <body class="sapUiBody" id="content">
    </body>
    <div id="navbar">
        <div data-sap-ui-type="sap.ui.ux3.NavigationBar">
            <div data-sap-ui-type="sap.ui.ux3.NavigationItem" data-key="item1"data-text="Item with some text 3"></div>
            <div data-sap-ui-type="sap.ui.ux3.NavigationItem" data-key="item1" data-text="Item with some text 3"></div>
            <div data-sap-ui-type="sap.ui.ux3.NavigationItem" data-key="item1" data-text="Item with some text 3"></div>
        </div>
    </div>


sap.ui.getCore（）.attachInit（函数（））{
var navbar=sap.ui.core.DeclarativeSupport.compile（document.getElementById（“navbar”）；
});

第二个使用带有StandardListItem和模型绑定的列表：

    <head>
        <script id="sap-ui-bootstrap"
            type="text/javascript"
            src="resources/sap-ui-core.js"
            data-sap-ui-xx-bindingSyntax="complex"
            data-sap-ui-modules="sap.ui.core.DeclarativeSupport">
        </script>
        <script>
            sap.ui.getCore().attachInit(function() {
                var list = sap.ui.core.DeclarativeSupport.compile(document.getElementById("list"));
                sap.ui.getCore().setModel(new sap.ui.model.json.JSONModel({
                    "items" : [
                        { "name" : "Test" },
                        { "name" : "Declaritive Support"}]
                }), "data");
            });
        </script>
    </head>
    <body class="sapUiBody" id="content">
    </body>
    <div id="list">
        <div data-sap-ui-type="sap.m.List" data-items="{data>/items}">
            <div data-sap-ui-aggregation="items">
                <div data-sap-ui-type="sap.m.StandardListItem" data-title="{data>name}"></div>
            </div>
        </div>
    </div>


sap.ui.getCore（）.attachInit（函数（））{
var list=sap.ui.core.DeclarativeSupport.compile（document.getElementById（“list”）；
sap.ui.getCore（）.setModel（新的sap.ui.model.json.JSONModel({
“项目”：[
{“名称”：“测试”}，
{“名称”：“去极化支持”}]
})“数据”）；
});

可以找到更多细节。请注意，不能使用ListBase，因为它只是列表样式控件的基本实现，例如list或Table。也可以跳过定义聚合的div，因为UI5有一个默认聚合的概念，在本例中是项。这也可以在第一个示例中看到。

我想没有关于这个问题的文档，因为重点显然是XML视图。请提供一个运行示例，否则很难回答。您希望插入哪些项目？NavigationItems？在本例中是。但让我更清楚地描述这个问题。我想知道如何在包含元素（聚合）中插入元素。像在本例中一样，我想将NavigationItems添加到NavigationBar。但我也不知道如何将StandardListItem添加到列表中，或者如何将元素添加到组合框中。我正在使用声明性支持，但我真的不知道如何找到如何做到这一点的示例（如何聚合到声明性支持中的某些UI控件…）。此页面似乎回答了我看到的问题，但它不能帮助我知道如何聚合每个SAPUI5声明性支持标记