Question

对于正在使用的Web应用程序，我使用Angular和Kendo来显示上面带有一些下拉列表项的Grid。

到目前为止，信息已根据需要提供。问题取决于单击网格内的任何dropdownlist项目;当您单击其中的一个以查看所有选项时，该选项列表未显示在下拉菜单的上方/下方，而是显示在屏幕顶部，或者在某些情况下未显示。

Clicking first dropdownlist， Another example of how it's appearing

到目前为止，我已经尝试过使用列的宽度和高度，但是似乎不起作用

     <kendo-grid [height]="400" [data]="examTableGrid" [pageSize]="pageSize" [sort]="sort" [skip]="skip" [pageable]="true"
            [sortable]="true" (pageChange)="pageChange($event)">
            <kendo-grid-column *ngIf="typeOfTest == '0'" field="INJURY_TYPE" title="Joint" width="250">
                <ng-template kendoGridCellTemplate let-dataItem>
                    <kendo-dropdownlist [data]="injuryTypesList" textField="Description"  valueField="Id" 
                    [valuePrimitive]="true" [(ngModel)]="dataItem.INJURY_TYPE"
                    (valueChange)="injuryValueChange($event, dataItem)"></kendo-dropdownlist>
                </ng-template>
            </kendo-grid-column>
            <kendo-grid-column field="EXAM_TEST_TYPE_ID" title="Test" width="250">
                <ng-template kendoGridCellTemplate let-dataItem>
                    <kendo-dropdownlist [data]="testsTypesListFiltered" textField="Description"  valueField="Id" 
                    [valuePrimitive]="true"   (filterChange)="handleFilter($event)" (open)="onOpen($event, dataItem)" [filterable]="true" [(ngModel)]="dataItem.EXAM_TEST_TYPE_ID"></kendo-dropdownlist>
                </ng-template>
            </kendo-grid-column>
            <kendo-grid-column field="SIDE_TYPE" title="Side" width="250">
                <ng-template kendoGridCellTemplate let-dataItem>
                    <kendo-dropdownlist [data]="sidesList" textField="Description"  valueField="Id" 
                    [valuePrimitive]="true"   [(ngModel)]="dataItem.SIDE_TYPE"></kendo-dropdownlist>
                </ng-template>
            </kendo-grid-column>
            <kendo-grid-column *ngIf="typeOfTest == '2'" field="NUMBER_VALUE" title="Strength (0-5)" width="250">
                <ng-template kendoGridCellTemplate let-dataItem>
                    <kendo-dropdownlist [data]="gradesList" textField="Description"  valueField="Id" 
                    [valuePrimitive]="true"   [(ngModel)]="dataItem.NUMBER_VALUE"></kendo-dropdownlist>
                </ng-template>
            </kendo-grid-column>
            <kendo-grid-column *ngIf="typeOfTest == '3'" field="NUMBER_VALUE" title="Grade (I - III)" width="250">
                <ng-template kendoGridCellTemplate let-dataItem>
                    <kendo-dropdownlist [data]="gradesList" textField="Description"  valueField="Id" 
                    [valuePrimitive]="true"    [(ngModel)]="dataItem.NUMBER_VALUE"></kendo-dropdownlist>
                </ng-template>
            </kendo-grid-column>
        </kendo-grid>

我希望每个下拉列表的选项都将显示在下拉列表的上方/下方，对我做错了什么有什么想法？谢谢

有没有办法处理为Angular KendoDropDownList显示的dropdownlist选项？

0 个答案: