我使用syncfusion寻呼机,下拉列表在我们的应用程序,请打开下面链接。
https://stackblitz.com/edit/angular-nv6myv?file=src%2Fapp%2Fapp.component.html
数据将改变基于从下拉菜单中选择项目的数量。选择自降20个项目后,深入到页面底部滚动。下拉列表中显示的下拉框的底部。但我想显示下拉列表项总是下拉框的顶部。
请提供任何解决方案。
我刚才看到你的链接你的代码,我想这:
<div class="container-fluid">
<div class="card" *ngFor="let student of tempArray">
<div class='card-body'>
<p class="text-truncate">{{student.name}} {{student.standard}}</p>
</div>
</div>
<br/><br/><br/><br/><br/>
<div class='card'>
<div class='card-body'>
<div class="fixed-footer" *ngIf="students.length > paginationData[0].value">
<ejs-pager [pageCount]="3" [pageSize]="value" (click)="selectedPage($event)"
[totalRecordsCount]='students.length'></ejs-pager>
<ejs-dropdownlist [dataSource]="paginationData" [fields]="fields" (change)="valueChange($event)" [popupHeight]=150 [value]="value"></ejs-dropdownlist>
</div></div>
</div>
</div>
我在这里所做的是我把列表项和下拉框中一个单独的卡上。
这是一个有点乱,只是请安排的压痕。
在下拉列表打开的情况下,你可以得到popupHight并设置一个负值弹出OFFSETY属性,请参阅下面的代码。
onddlPopupOpen(event: PopupEventArgs, ddlObj) {
event.popup.offsetY = -(parseInt(ddlObj.popupHeight));
event.popup.collision = { X: 'fit', Y: 'fit' };
event.popup.dataBind();
event.popup.refreshPosition(ddlObj.element, false);
}
这将打开上方的弹出窗口。