在剑道网格内调整textarea的大小

Question

我需要在Kendo网格内使用内联textarea，以允许用户编辑字符串值。 我想使用文本区域，因为该值可能会很长。 我正在使用自定义编辑器来实现此目标，如此处所述： http : //www.telerik.com/forums/how-to-change-input-to-textarea-in-popup-editor

我将textarea的宽度和高度设置为与容器的相同

$('<textarea data-text-field="Label" data-value-field="Value" data-bind="value:' + options.field + '" style="width: ' + container.width() + 'px;height:' + container.height() + 'px" />')

这似乎不起作用。 在单击要编辑的单元格之前，当我在开发人员工具中检查textarea元素的高度时，它显示为35px，之后显示为47px。 这将导致网格的其余部分向下移动。

http://dojo.telerik.com/@unicorn2/eCAkU

Answer 1

发生这种情况是因为在这种情况下，您不能仅使用container的高度作为其内部元素的高度。 该行具有其他间距属性，例如填充。 在一个简单而快速的镜头中，我遇到了这个问题：

$('<textarea data-text-field="Label" data-value-field="Value" data-bind="value:' + options.field + '" style="width: ' + (container.width() - 10) + 'px;height:' + (container.height() - 12) + 'px" />').appendTo(container);

演示

只需减小容器的尺寸，它就非常适合行高。 唯一的问题是换行符，因为调用editor回调时，将重置容器的内容，并且行的高度就像是一行一样。 然后container.height()返回单行高度。