Question

我正在使用Kendo UI的MVC Wrappers，我无法设置弹出窗口的宽度。我尝试了两种方法，但都没有。这是我尝试过的：

.Editable(edit => edit.Mode(GridEditMode.Popup)
    .TemplateName("Create")
    .Window(w => w.Title("Add Interruption")
        .Name("addInterruption")
        .Width(700)))

和

.Editable(edit => edit.Mode(GridEditMode.Popup)
    .TemplateName("Create")
    .Window(w => w.Title("Add Interruption")
        .Name("addInterruption")
        .HtmlAttributes(new { style="width:700px;" })))

高度也不起作用。

如何设置弹出窗口的宽度？谢谢！

更新： 对于任何正在努力解决这个问题的人来说，这就是解决方法：

.k-edit-form-container { width: auto;}

这可以在kendo.common.min.css文件中找到。

Answer 1

遗憾的是，您在两个代码段中应用的设置都没有序列化，在使用Ajax绑定时根本不应用于窗口（甚至不确定服务器绑定）。

基本上设置宽度我建议您在页面加载时使用以下JavaScript：

$("#NameOfTheGrid").data().kendoGrid.options.editable.window.width = "1000px";

Answer 2

对我来说，

    .k-edit-form-container { width: auto;}

在服务器模式下绑定时需要

。我只是在视图中将其添加为样式，而不是编辑kendo css文件。

另一个答案，

$("#NameOfTheGrid").data().kendoGrid.options.editable.window.width = "1000px";

使用ajax绑定工作得很好，但没有服务器绑定。

设置Kendo UI Grid Popup（MVC）的宽度

2 个答案: