Как изменить размер окна на шаблон редактора сетки kendo?

Question

У меня есть шаблон редактор для моего кендо сетки определяется как

<script id="my-editor-template" type="text/x-kendo-template"> 
    <div class="k-edit-label"> 
     <label for="ContactName">Contact</label> 
    </div> 
    <div data-container-for="ContactName" class="k-edit-field"> 
     <input type="text" class="k-input k-textbox" name="ContactName" data-bind="value:ContactName"> 
    </div> 
    <!-- more fields, etc --> 
</script> 

В моем определении сетки, я definte редактируемые так:

 editable = 
     { 
      mode: 'popup', 
      template: kendo.template($('#my-editor-template').html()), 
      confirmation: 'Are you sure you want to delete rec' 
     }; 

Но я хотел бы сделать всплывающее окно шире. Я попробовал оборачивать содержимое моего шаблона в

<div style="width: 800px;"></div> 

но всплывающее окно остались прежними с, и сделал содержание прокручивать (т.е. 800px содержимое внутри 400px окна).

Я знаю, что может сделать

$(".k-edit-form-container").parent().width(800).data("kendoWindow").center(); 

после открытия окна, но все содержимое окна отформатировано монета 400px, и он чувствует себя немного хака. Разве нет способа, которым я могу диктовать размер в разметке шаблона?

Answer 1

Кендо сетки всплывающее окно с помощью кендо окно, так что вы можете установить высоту и ширину, как этот

editable: { 
    mode: "popup", 
    window: { 
     title: "My Custom Title", 
     animation: false, 
     width: "600px", 
     height: "300px", 
    } 
} 

Вот это dojo для вас, но так как я не определить пользовательский шаблон он по-прежнему использовать по умолчанию один так как в результате размер окна уже составляет 600 х 300, но контент отсутствует.

Answer 2

После часа + долгое исследование следующего кода исправил мою проблему. Мне пришлось поместить этот код в событие редактирования. $ (". K-edit-form-container"). Attr ('style', "width: auto");