在运行时更改kendo数字文本框的宽度

时间:2013-08-05 14:43:08

标签: kendo-ui kendonumerictextbox

我正在使用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}}输入部分保持不变。

1 个答案:

答案 0 :(得分:3)

您不必更改input的宽度,也可以更改wrapper的宽度。

这样做:

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

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

在此处运行示例:http://jsfiddle.net/OnaBai/7LBJG/