Kendo 弹出模板全屏

Question

是否可以在 add/edit 全屏或最大化模式时根据屏幕大小使 kendo 模板弹出？

我尝试使用 css，但仍然不是完美的全屏（包含 scoll）

.k-widget.k-window {
    width: 100%;
    height: 100%; 
}
.k-edit-form-container{
    width: 100%;
}

Demo in Dojo

Answer 1

您可以通过 kendoGrid 的 editable.window 字段调整弹出窗口 window。要使弹出窗口全屏，您应该调用 window.maximise() 方法。

 $("#grid").kendoGrid({
          editable: {
            mode:"popup",
            template: $("#template").html(),
            window:{
              open: function (e){
                e.sender.maximize();
              }
            } 
          },

       ...

Kendo 弹出模板全屏

Kendo popup template fullscreen

kendo-ui

kendo-grid