在运行时更改剑道数字文本框的宽度答案

【问题标题】：Change width of a kendo numerictextbox at runtime在运行时更改剑道数字文本框的宽度
【发布时间】：2013-08-05 14:43:07
【问题描述】：

我正在使用 Kendo UI 数字文本框。我需要在运行时根据外部条件更改数字文本框的宽度。调用 kendoNumericTextBox 后，对于 javascript 中的某些事件，我想更改 k-numerictextbox 输入部分的宽度。我无法正确处理。

据我了解，Kendo 使用两种输入：一种用于显示值（具有只读属性），另一种用于编辑，可编辑的输入由我使用的 id 标识。

我意识到创建的类的层次结构是：

class="k-widget k-numerictextbox"  
class="k-numeric-wrap k-state-default k-expand-padding"  
class="k-formatted-value k-numerictextbox k-input"   
input = "myId" class="k-numerictextbox k-input"

所以当我使用$(#myid).width(newwidth); 时，我并没有改变字段的宽度，最糟糕的是，我会在上述k-numeric-wrap 的级别上放大（newwidth 大于oldwidth）而输入部分保持不变。

【问题讨论】：

标签： kendo-ui kendonumerictextbox

【解决方案1】：

您不必更改input 的宽度，而是更改wrapper 的宽度。

这样做：

$("#numeric").data("kendoNumericTextBox").wrapper.width("300px");

其中numeric 是与数字文本框对应的输入的id。

在这里运行示例：http://jsfiddle.net/OnaBai/7LBJG/

【讨论】：