在SAPUI5中列出项目响应问题

我想做响应列表项。如何将列表项并排设置。总是一个接一个。 这是我的密码

    <l:Grid
defaultSpan="L6 M6 S12"
class="sapUiNoMargin sapUiNoContentPadding"
hSpacing="5"
vSpacing="5">
<l:content>
    <List>
        <items>
            <!--TodoItem-->
            <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer">
                <Panel class="todoListItem">
                    <!--Content-->
                </Panel>
            </CustomListItem>

            <!--PlanItem and ActivityItem-->
            <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer">
                <Panel class="todoListItem">
                    <!--Content-->
                </Panel>
            </CustomListItem>

        </items>
    </List>
</l:content>

                <!--PlanItem and ActivityItem-->
                <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer">
                    <Panel class="todoListItem">
                        <!--Content-->
                    </Panel>
                </CustomListItem>

    </l:content>
</l:Grid>

                <!--PlanItem and ActivityItem-->
                <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer">
                    <Panel class="todoListItem">
                        <!--Content-->
                    </Panel>
                </CustomListItem>

    </l:content>
</l:Grid>

这是输出图像； 如何将这些项目并排放置。网格的响应布局属性是L6 M6 S12，但它不工作。我在哪里犯了错误？谢谢你的建议。

---

在列表中，网格布局将不适用，因为布局仅适用于直接子控件。您可以通过两种方式并排设置列表项

                <!--PlanItem and ActivityItem-->
                <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer">
                    <Panel class="todoListItem">
                        <!--Content-->
                    </Panel>
                </CustomListItem>

    </l:content>
</l:Grid>

删除列表并将CustomListItem直接放置在网格控件中

                <!--PlanItem and ActivityItem-->
                <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer">
                    <Panel class="todoListItem">
                        <!--Content-->
                    </Panel>
                </CustomListItem>

    </l:content>
</l:Grid>

                <!--PlanItem and ActivityItem-->
                <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer">
                    <Panel class="todoListItem">
                        <!--Content-->
                    </Panel>
                </CustomListItem>

    </l:content>
</l:Grid>

在网格内使用2个列表（如建议的）

                <!--PlanItem and ActivityItem-->
                <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer">
                    <Panel class="todoListItem">
                        <!--Content-->
                    </Panel>
                </CustomListItem>

    </l:content>
</l:Grid>

---

如果您有两个包含1项的列表，而不是一个包含2项的列表，那么它可能会起作用。在一个列表中，元素总是一个接一个地呈现。这是否回答了您的问题？看见