kendo-ui - 如何更改剑道弹出编辑屏幕的大小并将其中的所有项目调整为新大小？

Question

这是弹出窗口现在的样子：

我想让实际的弹出窗口以及里面的所有文本框都更大。

显然，这改变了实际弹出窗口的大小，然后在屏幕上居中，现在的问题是我不知道如何调整里面的文本框的大小。它EDIT在网格事件上执行：

window.setTimeout(function () {
                $(".k-edit-form-container").parent().width(800).height(400).data("kendoWindow").center();
            }, 100);

有谁知道如何做到这一点？

Answer 1

你可以只使用常规的 CSS 吗？喜欢：

.k-edit-form-container .k-textbox,
.k-edit-form-container .k-widget
{
    width: 600px;
}

您只需使选择器比 Kendo 的内置选择器更具体一点。

Answer 2

您可以删除“父级”

window.setTimeout(function () {
    $(".k-edit-form-container")
        .width(800)
        .height(400)
        .data("kendoWindow")
        .center();
}, 100);