我正在使用Kendo UI数字文本框。我需要根据外部条件在运行时更改numerictextbox的宽度。在调用kendoNumericTextBox之后,对于javascript中的某些事件,我想更改k-numerictextbox的输入部分的宽度。我无法做对。
据我所知,Kendo使用两个输入:一个用于显示值(使用readonly属性),另一个用于编辑,可编辑的输入由我使用的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);
时,我没有改变字段的宽度,最糟糕的是我在上面的级别上得到了放大(newwidth
大于oldwidth
)的效果{ {1}}输入部分保持不变。
答案 0 :(得分:3)
您不必更改input
的宽度,也可以更改wrapper
的宽度。
这样做:
$("#numeric").data("kendoNumericTextBox").wrapper.width("300px");
numeric
是与数字文本框对应的输入的id
。