Как расширить всплывающее окно в сетке интерфейса Kendo? - PullRequest
Новая
       12

Как расширить всплывающее окно в сетке интерфейса Kendo?

0 голосов
/ 10 марта 2019

Я хочу расширить всплывающее окно в сетке Kendo UI.Чтобы элементы в нем также заполняли окно.

В ответе Как изменить размер окна в шаблоне редактора сетки кендо? только окно стало шире, но не элементысодержится в нем.

Ответы [ 2 ]

1 голос
/ 10 марта 2019

Просто укажите ширину в определении сетки: https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/editable.window или см. https://stackoverflow.com/a/30778406/4944034 для практического примера.

0 голосов
/ 10 марта 2019

в области kendoGrid добавьте следующий код для редактирования события: 

jQuery("#grid").kendoGrid({
  ...
  edit: function(e){
    kendoUi_popUpEditWindow_setWidth('950px');
  },
  ...
})

и соответствующую функцию: 

function kendoUi_popUpEditWindow_setWidth(width){
  if(typeof(width) != "string" || (width + '').indexOf("px") == -1 ){
   width = "800px";
  }
  left = (jQuery( window ).width() - parseInt(width)) / 2;
  left = left + "px";
  jQuery(".k-widget.k-window").css('left', left);
  jQuery(".k-edit-form-container").attr('style', 'width:' + width);
  jQuery(".k-edit-form-container .k-edit-field").children().attr('style', 'width:100%');
}
...