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

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

你必须让选择器更具有剑道内置的选择器。

Answer 2

您可以删除＆＃34; parent＆＃34;

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