允许在 ShieldUI NumericTextBox 中输入欧洲格式

Question

默认情况下，ShieldNumericTextBox 不允许输入逗号，并自动将输入的数字格式化为美式格式（例如，输入 10000 后将为 10,000）。

我想将默认格式更改为欧洲格式，我在文本框的启动处找到了（textTemplate）选项，但它对我格式化输入不起作用，它对于在旁边添加文本很有用数字（例如 KG、EUR...等）。

$("#numericTextBox").shieldNumericTextBox({
    textTemplate: "{0:##,##}", // The numbers in my case are percentages with 2 digits after decimal.
    min: 0,
    max: 1,
    step: 0.01,
    spinners: true
});

当用户完成输入并将焦点移出文本框时，此 textTemplate 将输出相同的字符串（“{0:##,##}”）。

而且它在打字时也不会格式化，只有当你完成并从输入中移除焦点时，所以它不会有太大帮助。有什么帮助吗？

Answer 1

ShieldUI 使用 Globalize JS 来处理特定于文化的值格式。

在您的情况下，您应该首先将区域性设置为用逗号而不是句点分隔数字的整数和十进制数字的区域性。然后，您可以设置 textTemplate 的格式以将其显示为具有 2 个十进制数字的数值，如下所示：

<!-- include the globalize culture -->
<script src="globalize.culture.de.js" type="text/javascript">//</script>

<script type="text/javascript">
$(document).ready(function () {
    // set a German Globalize culture
    Globalize.culture("de");

    $("#numericTextBox").shieldNumericTextBox({
        textTemplate: "{0:n2}", // display as numeric having 2 decimal fields
        min: 0,
        max: 1,
        step: 0.01,
        spinners: true
    });

});
</script>

处理显示的文本的另一种方法是为 textTemplate 的值提供如下所示的函数：

textTemplate: function(value) { return "_custom_formatted_string_"; }

这将用逗号替换所有句点。