在全屏模式下打开时,Kendo组合框无法选择

时间:2018-02-19 11:43:37

标签: angular kendo-combobox

我正在使用kendo组合框。每当我制作一个特定的div全屏时,会出现其中存在的组合框的下拉列表,但它是无法选择的。 kendo组合框代码:

<kendo-combobox
   id="chartcomboBoxId"
   [data]="data"
   [(value)]="selectedValue"
   [textField]="'desc'"
   [valueField]="'name'"
   [valuePrimitive]="true"
   (valueChange)="handleValueChange($event)"
   style="font-size: 10px; padding-top:2px; padding-left: 2px; 
         z-index:2147483648 !important;"
   *ngIf="data">
</kendo-combobox>

我已将z-index设为max,以便显示列表,否则列表不会以全屏模式显示在窗口上方。

将div设为全屏的代码:

public fullScreen() {
    const container = document.getElementById('container');
    if (container .requestFullscreen) {
        container .requestFullscreen();
    } else if (container .webkitRequestFullscreen) {
        container .webkitRequestFullscreen();
    }
  }

1 个答案:

答案 0 :(得分:1)

您可以将 popupSettings 对象的 appendTo 属性设置为'component'。这样您就可以指定弹出窗口应该附加到组件而不是应用程序的根目录(默认情况下)。您也可以查看此kendo documentation

<div class="roundArrow"></div>