使用AngularJS为Kendo UI网格设置自定义编辑表单的大小

时间:2014-08-31 00:40:19

标签: javascript angularjs kendo-ui kendo-grid

我的Kendo UI网格有一个自定义编辑表单,但我需要使其更宽,以适应我的布局。我目前的工作方式是有效的,除了更新和取消按钮的位置没有调整(=它们在中间而不是在右边)。

以下是我调整大小的方法(通过在网格选项的编辑字段中指定):

edit: function (e) {
  var popupWindow = e.container.getKendoWindow();
  popupWindow.setOptions({
  width: 640
  });

}

这是一个吸虫: http://plnkr.co/edit/bRaFZFjrzR3IyeVrmulR

设置编辑表单宽度的最佳方法是什么,以便按钮等也能正确定位?

1 个答案:

答案 0 :(得分:0)

我通过将k-edit-form-container的宽度设置为auto:

来实现它
edit: function (e) {
  var popupWindow = e.container.getKendoWindow();
  e.container.find(".k-edit-form-container").width("auto");
  popupWindow.setOptions({
  width: 640
});

更新了plunker:http://plnkr.co/edit/bRaFZFjrzR3IyeVrmulR

我在这里找到了解决方案:http://dojo.telerik.com/aVOj