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

Posted 2023-05-07

【中文标题】设置 Kendo UI Grid Popup (MVC) 的宽度

【英文标题】：Setting the width of 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 文件中找到。

【参考方案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; 对我来说很关键，否则它只是加宽了屏幕并且仍然破坏了我的长文本。谢谢老大！