13

我正在使用 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 文件中找到。

4

2 回答 2

8

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

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

$("#NameOfTheGrid").data().kendoGrid.options.editable.window.width = "1000px";
于 2012-11-14T18:26:33.787 回答
7

为了我，

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

在服务器模式下绑定时需要。我只是将它添加为视图中的样式，而不是编辑 kendo css 文件。

另一个答案，

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

使用 ajax 绑定效果很好，但不适用于服务器绑定。

于 2013-08-15T16:54:27.773 回答