我的剑道网格有一个编辑器模板,定义为
<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>
在我的网格定义中,我定义可编辑如下:
editable =
{
mode: 'popup',
template: kendo.template($('#my-editor-template').html()),
confirmation: 'Are you sure you want to delete rec'
};
但我想让弹出窗口更宽。我尝试将模板的内容包装在
<div style="width: 800px;"></div>
但弹出窗口保持不变,并使内容可滚动(即 400px 窗口内的 800px 内容)。
我知道我可以做
$(".k-edit-form-container").parent().width(800).data("kendoWindow").center();
窗口打开后,但是窗口的所有内容都被格式化为400px左右,感觉有点hackish。有没有办法可以在模板标记中指定大小?
最佳答案
剑道网格弹出窗口使用剑道窗口,因此您可以这样设置高度和宽度
editable: {
mode: "popup",
window: {
title: "My Custom Title",
animation: false,
width: "600px",
height: "300px",
}
}
这里是dojo对于你来说,但由于我没有定义自定义模板,它仍然使用默认模板,因此窗口大小已经是 600 x 300,但内容不是。
关于kendo-ui - 如何更改剑道网格编辑器模板上的窗口大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30771529/