以 kendo 数字文本框的格式应用样式

Question

如何在 jquery 中更改 kendo 数字文本框中的货币颜色？我使用标准代码在 kendo.

中创建数字文本框

$("#currency").kendoNumericTextBox({
 format: "c",
});

例如，我的输入元素中有 $12.00 作为值。我只想更改 $ 的颜色。不是 12.00.

我怎样才能做到这一点？

Answer 1

为 "k-formatted-value" class 文本框应用 css 即货币值

试试这样的东西..

  var widget = $("#numeric").kendoNumericTextBox().data("kendoNumericTextBox");
  widget.wrapper.find("input.k-formatted-value").css("color", "red");

参考这个link实现

已更新:

我们可以做一些小技巧来改变货币格式颜色变化。

我为普通文本框做了。参考 JSfiddle.

根据您的要求尝试这样的事情。

步骤： 1.创建一个span元素

为输入创建 onchange 事件

$("#salary").kendoNumericTextBox({ 变化：onChange， });
定义样式更改功能。

函数 onChange() { ChangeColorFormat($('.k-formatted-value')); }

函数 ChangeColorFormat(inp) { inp.style.color = 'transparent'; var span = document.getElementById('back'); span.innerHTML = inp.value.substr(0, 1) + “”+ inp.value.substr(1, 1) + "" + inp.value.substr(2); }

Answer 2

找到解决方案。因为它 kendo，它只是在加载之前设置一个 ClientTemplate。

Applying style in format of kendo numeric textbox