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

时间:2017-04-25 23:31:35

标签: css3 sapui5

我正在尝试使用表格标题上的按钮构建一个表格。我来自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的问题(这与表体重叠):

enter image description here

1 个答案:

答案 0 :(得分: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>