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