css - 工具栏组件内的内容元素不起作用

Question

我正在尝试在表格标题上创建一个带有按钮的表格。我从 here 指导.

这是我的代码:

<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" 
        xmlns="sap.m"
        xmlns:l="sap.ui.layout"
        xmlns:f="sap.ui.layout.form"
        xmlns:t="sap.ui.table"
        height="100%"
        controllerName="xxxxx" 
        xmlns:html="http://www.w3.org/1999/xhtml">
    <Page title="CONFIGURACIÓN DE LA CUENTA" navButtonPress="onCancel" showNavButton="true">

        <content>
            <f:SimpleForm id="form_requerimiento_datos_generales" minWidth="1024" 
                          maxContainerCols="2" editable="true" layout="ResponsiveGridLayout"
                          labelSpanL="4" labelSpanM="4"
                          emptySpanL="0" emptySpanM="0" columnsL="2" columnsM="2"
                          validateFieldGroup="onValidateFieldGroup">
                <f:content>


                    <core:Title text="Suscripciones"/>
                    <t:Table
                        rows="{/Subscriptions?$filter=UserSystem eq '1'}"
                        selectionMode="None"
                        visibleRowCount="7">
                        <t:toolbar>
                            <content>
                                <Title id="title" text="Listado de Suscripciones" />
                                <ToolbarSpacer/>                        
                                <Button
                                    icon="sap-icon://add"
                                    tooltip="Agregar Suscripciones"
                                    press="addSuscription"/>
                            </content>
                        </t:toolbar>
                        <t:columns>
                            <!--columns-->
                        </t:columns>
                    </t:Table>       
                </f:content>
            </f:SimpleForm>
        </content>
    </Page>
</core:View>

我有以下错误信息:

Uncaught Error: failed to load 'sap/m/content.js' from https://sapui5.netweaver.ondemand.com/resources/sap/m/content.js: 0 - NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'https://sapui5.netweaver.ondemand.com/resources/sap/m/content.js'.

我不知道为什么会出现这个错误。我认为它在这部分代码中:

<t:toolbar>
    <content>
        <Title id="title" text="Listado de Suscripciones" />
        <ToolbarSpacer/>                        
        <Button
            icon="sap-icon://add"
            tooltip="Agregar Suscripciones"
            press="addSuscription"/>
    </content>
</t:toolbar>

我不知道为什么内容标签在工具栏标签内不被接受(在这个例子中有效)。当我取下页面的内容标签时。我没有收到错误消息。

我想知道如何解决我的问题。

谢谢你的帮助!

更新 1

我已经解决了我的问题，但现在我遇到了另一个问题。我的表头 CSS 有问题(这与表体重叠):

Answer 1

标签<t:toolbar>是聚合名称，它期望其中有一个工具栏。所以，理想情况下 <t:toolbar>后面跟着一个 sap.m.Toolbar控制。

至于为什么会抛出:sap/m/content错误是因为它期望在 <t:toolbar> 之后有一个控件.此外，由于您的默认命名空间是 sap.m所以它在默认命名空间中查找控件(在本例中您已指定内容)。没有 sap.m.content 这样的控件.因此，一个错误。

如果你检查你的指导源，你会看到他们有一个 <m:Toolbar>在 <toolbar> 之后聚合

这是更新后的代码:

                      <t:toolbar>
                            <Toolbar>
                                <content>
                                    <Title id="title" text="Listado de Suscripciones" />
                                    <ToolbarSpacer/>                        
                                    <Button
                                        icon="sap-icon://add"
                                        tooltip="Agregar Suscripciones"
                                        press="addSuscription"/>
                                </content>
                            </Toolbar>
                        </t:toolbar>