Kendo ui 如何在剑道UI网格中加宽弹出窗口?

Kendo ui 如何在剑道UI网格中加宽弹出窗口?,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我想扩大剑道UI网格中的弹出窗口。因此,其中的元素也会填充窗口 在回答中,只有窗口变宽,但不包括其中包含的元素。在kendoGrid区域中,向事件编辑添加以下代码: jQuery("#grid").kendoGrid({ ... edit: function(e){ kendoUi_popUpEditWindow_setWidth('950px'); }, ... }) 以及相应的功能: function kendoUi_popUpEditWindow_setWidth

我想扩大剑道UI网格中的弹出窗口。因此,其中的元素也会填充窗口


在回答中,只有窗口变宽,但不包括其中包含的元素。

在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%');
}

Simple在您的网格定义中提供宽度:或查看一个实际示例。

可能重复的oh,感谢这一完美解决方案