Kendo ui 在运行时更改剑道numerictextbox的宽度

Kendo ui 在运行时更改剑道numerictextbox的宽度,kendo-ui,kendonumerictextbox,Kendo Ui,Kendonumerictextbox,我正在使用剑道UI numerictextbox。我需要在运行时根据外部条件更改numerictextbox的宽度。在调用kendoNumericTextBox之后,对于javascript中的一些事件,我想更改k-numerictextbox的输入部分的宽度。我不能把它弄对 据我所知,剑道使用两个输入:一个用于显示值(具有只读属性),另一个用于编辑,可编辑的一个由我使用的id标识 我意识到创建的类的层次结构是: class="k-widget k-numerictextbox" class

我正在使用剑道UI numerictextbox。我需要在运行时根据外部条件更改numerictextbox的宽度。在调用kendoNumericTextBox之后,对于javascript中的一些事件,我想更改k-numerictextbox的输入部分的宽度。我不能把它弄对

据我所知,剑道使用两个输入:一个用于显示值(具有只读属性),另一个用于编辑,可编辑的一个由我使用的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
)的效果,而输入部分保持不变。

您不必更改
输入的宽度,但必须更改
包装的宽度

这样做:

$("#numeric").data("kendoNumericTextBox").wrapper.width("300px");
其中
numeric
是与数字文本框对应的输入的
id

此处的运行示例: