在剑道网格中设置textarea的大小

Question

我需要一个kendo网格内的内联textarea来允许用户编辑一个字符串值。我想使用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); 

Demo。

只是减少一点容器的尺寸，它适合行高非常好。唯一的问题是断线，因为当调用editor回调函数时，容器的内容被重置，行的高度变得像是单行一样。然后container.height()返回单行高度。