Настройка ширины всплывающего окна Kendo UI Grid (MVC)

Я использую MVC Wrappers пользовательского интерфейса Kendo, и я не могу установить ширину всплывающего окна. Я пробовал два метода, и никто не работает. Вот что я пробовал:

.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;" })))

Высота тоже не работает.

Как вы устанавливаете ширину всплывающего окна? Спасибо!

UPDATE: Для кого-то, кто борется с этим, здесь исправление:

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

Это находится в файле kendo.common.min.css.

Ответ 1

К сожалению, настройки, которые вы применяли в обоих своих фрагментах, не сериализованы и вообще не применяются к окну при использовании привязки Ajax (даже не уверены в привязке к серверу).

В основном для установки ширины я предлагаю вам использовать следующий JavaScript при загрузке страницы:

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

Ответ 2

Для меня

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

был необходим при привязке в режиме сервера. Я просто добавил его как стиль в представлении вместо редактирования файла kendo css.

Другой ответ,

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

отлично работал с привязкой ajax, но не с привязкой к серверу.