Sapui5 在向下滚动表格时，Multicombo框会下降到其他行

在向下滚动之前

向下滚动后

如您所见，1,1,2在ui中向下移动

我有一个

sap.ui.table

，还有一个addrow按钮，可以向表中添加更多行

表中还有一列包含多mbobox。现在，如果我一次添加了许多行，那么表就可以垂直滚动了。因此，当我向下滚动时，MultiComboBox开始下降到其他行，尽管它不会影响绑定到表的模型。如何防止这种情况发生

        <t:Table selectionMode="MultiToggle" columnHeaderHeight="32px" fixedColumnCount="2" visibleRowCount="{tasks>/noOfTasks}" id="taskTable"
            class="tasktable" rows="{path: 'tasks>/task' , sorter: [{ path: 'taskNo',comparator:'.comparator.sortTask'}]}" noData="No Tasks" alternateRowColors="true">
            <t:toolbar>
                <OverflowToolbar>
                    <Title text="Pending Tasks"></Title>
                    <ToolbarSpacer/>
                    <Button icon="sap-icon://request" tooltip="Edit tasks" press="editTask"/>
                    <Button icon="sap-icon://full-screen" tooltip="show detailed info of the selected task" press="getDetailedInfo"/>
                    <Button icon="sap-icon://add" text="Add Tasks" class="addTaskButton" press="addNewTask"></Button>
                </OverflowToolbar>
            </t:toolbar>
            <t:columns>
                <t:Column width="5rem" hAlign="Center" class="cellBorderLeft cellBorderRight">
                    <Label required="true" text="Task No."/>
                    <t:template>
                        <Text text="{tasks>taskNo}"/>
                    </t:template>
                </t:Column>
                <t:Column width="10rem" class="cellBorderRight">
                    <Label required="true" text="Task Name"/>
                    <t:template>
                        <Input value="{tasks>taskName}" editable="{= !(${tasks>exists})}"/>
                    </t:template>
                </t:Column>
                <t:Column width="18rem" class="cellBorderRight">
                    <Label required="true" text="Task Details"/>
                    <t:template>
                        <Input value="{tasks>taskDetails}" editable="{= !(${tasks>exists})}"/>
                    </t:template>
                </t:Column>
                <t:Column class="cellBorderRight" width="14rem">
                    <Label required="true" text="Assigned To"/>
                    <t:template>
                        <HBox>
                            <Input value="{tasks>assignedTo}" placeholder="Please Enter the NTID only" editable="{= !(${tasks>exists})}"></Input>
                            <core:Icon src="sap-icon://search" visible="{= !(${tasks>exists})}" class="searchEmp" press="searchForEmployees"></core:Icon>
                        </HBox>
                    </t:template>
                </t:Column>
                <t:Column class="cellBorderRight" width="12rem">
                    <Label required="true" text="Priority"/>
                    <t:template>
                        <HBox width="99%" class="priorityBox">
                            <Select width="100%" selectedKey="{tasks>priority}" enabled="{= !(${tasks>exists}) || ${tasks>edit} === true}"
                                items="{path:'tasks>priorities',templateShareable:false}">
                                <core:Item key="{tasks>value}" text="{tasks>value}"/>
                                <core:Item key="{tasks>value}" text="{tasks>value}"/>
                                <core:Item key="{tasks>value}" text="{tasks>value}"/>
                            </Select>
                        </HBox>
                    </t:template>
                </t:Column>
                <t:Column class="cellBorderRight" width="10rem">
                    <Label required="true" text="Start Date"/>
                    <t:template>
                        <DatePicker placeholder="Enter date" value="{tasks>startDate}" editable="{= !(${tasks>exists})}" valueFormat="yyyy-MM-dd"
                            displayFormat="dd-MM-yyyy"/>
                    </t:template>
                </t:Column>
                <t:Column class="cellBorderRight" width="10rem">
                    <Label required="true" text="End Date"/>
                    <t:template>
                        <DatePicker placeholder="Enter date" value="{tasks>endDate}" valueFormat="yyyy-MM-dd"
                            editable="{= !(${tasks>exists}) || ${tasks>edit} === true}" displayFormat="dd-MM-yyyy"/>
                    </t:template>
                </t:Column>
                <t:Column class="cellBorderRight" width="8rem">
                    <Label text="Status"/>
                    <t:template>
                        <Text text="{tasks>status}"/>
                    </t:template>
                </t:Column>
                <t:Column class="cellBorderRight" width="11rem">
                    <Label required="true" text="Module"/>
                    <t:template>
                        <Input value="{tasks>module}" enabled="{= !(${tasks>exists})}"></Input>
                    </t:template>
                </t:Column>
                <t:Column class="cellBorderRight" width="12rem">
                    <Label text="Dependency"/>
                    <t:template>
                        <HBox>
                            <Input value="{tasks>dependency}" editable="{= !(${tasks>exists})}"
                                visible="{= ${tasks>exists} === true &amp;&amp; ${tasks>edit} === false}"/>
                            <MultiComboBox id="dependents" visible="{= !(${tasks>exists}) || ${tasks>edit} === true}" selectionChange="onSelectChange"
                                items="{ path: 'dependents>/dependents',templateShareable:false}">
                                <core:Item key="{dependents>taskID}" text="{dependents>taskNo}"
                                    enabled="{= ${tasks>dependency}.toString().indexOf(${dependents>taskNo}) ===-1}"/>
                            </MultiComboBox>
                        </HBox>
                    </t:template>
                </t:Column>
                <t:Column hAlign="Center" class="cellBorderRight" width="22rem">
                    <Label text="Notes"/>
                    <t:template>
                        <Input value="{tasks>notes}" editable="{= !(${tasks>exists}) || ${tasks>edit} === true}"/>
                    </t:template>
                </t:Column>
                <t:Column class="cellBorderRight" width="6rem">
                    <Label text="Attachment"/>
                    <t:template>
                        <VBox>
                            <UploadCollection maximumFilenameLength="5555" maximumFileSize="10"
                                visible="{= ${tasks>attachmentAdded} === false &amp;&amp; ${tasks>exists} === false || ${tasks>edit} === true}" multiple="true"
                                change="onChange" fileType="txt,doc,png,jpg" uploadComplete="onUploadCompleted" class="taskAttach" instantUpload="false" mode="MultiSelect"
                                app:taskNo="{tasks>taskNo}"></UploadCollection>
                            <core:Icon src="sap-icon://attachment" app:files="{tasks>attachments/files}"
                                visible="{= ${tasks>attachmentAdded} === true &amp;&amp; ${tasks>exists} === true &amp;&amp; ${tasks>edit} === false}" press="downloadFile"
                                app:taskNo="{tasks>taskNo}"/>
                        </VBox>
                    </t:template>
                </t:Column>
            </t:columns>
        </t:Table>

它不会影响模型，因为它与表格而不是数据相关。但是，当选择时，您确实可以访问模型中已选择的项目，但您可能知道吗？请进一步澄清，以防我误解。这只是发生在ui中。因此，它反映为一些错误。如果您查看浏览器的控制台，您可能会看到错误是什么？您好，我还有一些选择框的表格问题。。。。不是很像你的，但也许这件衣服也适合你。长版：简短解释：尝试将css类sapusizizecozy设置为body（@DubZ我这样做了..没有任何区别