Question

我见过表https://openui5.hana.ondemand.com/explored.html#/sample/sap.ui.table.sample.Basic/preview

的这个例子

在每行左侧的示例中，我有一个复选框来选择行。在我的实现中，没有看到ceckboxes：

这是代码（向导内部向导中的向导表）：

<WizardStep id='stepImballo' title="Formato imballo" icon="sap-icon://customer-view"
                        complete="wizardStepCompletedHandler">

                <t:Table
                        rows="{model>/formatoImballoColore/}"
                        selectionMode="MultiToggle"
                        visibleRowCount="6">
                    <t:columns>
                        <t:Column>
                            <m:Label text="Formato"/>
                            <t:template>
                                <m:Text text="{model>formato/description}"/>
                            </t:template>
                        </t:Column>
                        <t:Column>
                            <m:Label text="Peso (kg)"/>
                            <t:template>
                                <Input value="pluto"></Input>
                            </t:template>
                        </t:Column>
                        <t:Column>
                            <m:Label text="Articolo latta"/>
                            <t:template>
                                <Input value="pluto"></Input>
                            </t:template>
                        </t:Column>
                        <t:Column>
                            <m:Label text="Tara"/>
                            <t:template>
                                <Input value="pluto"></Input>
                            </t:template>
                        </t:Column>
                        <t:Column>
                            <m:Label text="Imballo"/>
                            <t:template>
                                <Input value="pluto"></Input>
                            </t:template>
                        </t:Column>
                        <t:Column>
                            <m:Label text="Quantità per UDC"/>
                            <t:template>
                                <Input value="pluto"></Input>
                            </t:template>
                        </t:Column>
                    </t:columns>
                </t:Table>


            </WizardStep>

在我的片段顶部，我有xml使用：

xmlns="sap.m"
xmlns:t="sap.ui.table"
xmlns:core="sap.ui.core"
xmlns:f="sap.ui.layout.form"
xmlns:l="sap.ui.layout"
xmlns:m="sap.m"

问题似乎是错误地使用了其中一个组件（使用sap.ui代替sap.m）

Answer 1

使用sap.m.Table代替sap.ui.table.Table。

使用ListBase的mode属性（继承sap.m.Table）来处理选择。

此处选择"%{DATESTAMP} %{WORD:severity}" (etc)似乎合适。 For more types of modes read here.

通常，寻找始终父控制。所有属性都将继承到子控件。

Answer 2

您必须将类sapUiSizeCozy添加到index.html

中的body标记

<body class="sapUiBody sapUiSizeCozy" role="application">
    <div id="content"></div>
</body>

这将设置第一列中的复选框

Answer 3

我遇到了同样的头发分裂问题。发现复选框未在旧版SAPUI5库上呈现（我们使用的是版本1.28.39）。

通过将类sapUiSizeCompact添加到表的容器中找到解决方案。

  <f:Form id="idSearchResultsFrm" maxContainerCols="4" editable="true"
            class="sapUiSizeCompact">

            <f:layout>
                <f:ResponsiveGridLayout />
            </f:layout>
            <f:formContainers>
                <f:FormContainer>
                    <f:formElements>
                        <f:FormElement>


                            <t:Table id="idSearchResultTable" visibleRowCount="5"
                                rows="{SearchResult>/}" selectionMode="MultiToggle">
                                <t:columns>

                                ...
                                ...
                                ...
                                </t:columns>
                            </t:table>

选择复选框未在表格中显示

3 个答案: