设置 Kendo UI Grid Popup (MVC) 的宽度答案

【问题标题】：Setting the width of Kendo UI Grid Popup (MVC)设置 Kendo UI Grid Popup (MVC) 的宽度
【发布时间】：2012-11-03 01:20:11
【问题描述】：

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

【问题讨论】：

标签： asp.net-mvc kendo-ui

【解决方案1】：

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

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

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

【讨论】：

感谢您的帮助！希望他们能做出更新，因为我相信很多人都为此大喊大叫。
请把我加到“尖叫”人群中。从一开始就是 Telerik MVC 用户，但对 Kendo UI MVC 前端缺乏工作感到有点沮丧。

【解决方案2】：

对我来说，

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

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

另一个答案，

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

在 ajax 绑定上效果很好，但在服务器绑定上效果不佳。

【讨论】：

.k-edit-form-container { width: auto;} 对我来说很关键，否则它只是加宽了屏幕并且仍然破坏了我的长文本。谢谢老大！