Угловой - Есть ли способ, чтобы параметры выпадающего списка отображались правильно на сетке кендо? - PullRequest
Новая
       37

Угловой - Есть ли способ, чтобы параметры выпадающего списка отображались правильно на сетке кендо?

0 голосов
/ 28 октября 2019

Я использую Angular и Kendo для отображения сетки с некоторыми элементами выпадающего списка.

Пока информация поступает по мере необходимости. Проблема заключается в нажатии на любой из элементов выпадающего списка в сетке;когда вы щелкаете по одному из них, чтобы увидеть все опции, список опций не отображается выше / вниз из раскрывающегося списка, он отображается в верхней части экрана или, в некоторых случаях, он не отображается.

Пока что я пытался поиграться с шириной и высотой столбцов, но кажется, что это не работает.

Нажатие первого выпадающего списка , Другойпример 

 <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>

Я ожидаю, что опции для каждого выпадающего списка будут отображаться выше / вниз из выпадающего списка, есть идеи, что я делаю неправильно? Спасибо

...