使用AngularJS设置Kendo UI网格的自定义编辑窗体的大小

使用AngularJS设置Kendo UI网格的自定义编辑窗体的大小

问题描述:

我有一个自定义的Kendo UI网格编辑窗体,但我需要将其设置得更宽以适合我的布局。我目前的做法是有效的,除了更新和取消按钮的位置没有被调整(=它们在中间而不是在右边)。使用AngularJS设置Kendo UI网格的自定义编辑窗体的大小

这是我如何调整大小(通过在网格选项编辑字段指定此):

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

}

下面是一个plunker: http://plnkr.co/edit/bRaFZFjrzR3IyeVrmulR

什么是设置编辑窗体的宽度以便按钮等位置正确定位的最佳方式?

我得到了它的K-编辑外形容器的宽度设置为自动运行:

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