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

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绑定而不是服务器绑定工作得很好.