在模板中声明性绑定时，不要在 Kendo UI numericTextbox 中显示小数答案

【问题标题】：Do not show decimals in Kendo UI numericTextbox when declaratively binding in template在模板中声明性绑定时，不要在 Kendo UI numericTextbox 中显示小数
【发布时间】：2013-10-01 18:20:15
【问题描述】：

由于某种原因，我的 numericTextbox 在剑道模板中仍然显示小数点和小数点后的数字。我通过具有 decimals="0" 和 format="#" 的属性来遵循其他答案，但无济于事。

代码：

<table>
            <tbody>
                # for (var i = 0; i < data.length; i++) { #
                    <tr>                    
                        <td>
                            <input type="number" data-role="numerictextbox" value="#= data[i].Copies #" 
                                decimals="0" format="\\#" min="1" class="copies" style="width:60px;"/>
                        </td>
                    </tr>
                # } #
            </tbody>
        </table>

【问题讨论】：

标签： kendo-ui kendo-template kendonumerictextbox

【解决方案1】：

只需使用以下代码：

@(Html.Kendo().NumericTextBox<int>()
.Name("Id") 
.Value(0)
.Decimals(0)
.Format("#"))

【讨论】：

【解决方案2】：

在 Kendo UI 中使用声明式绑定时，您必须在小部件属性前加上 data-。这就是为什么decimals="0" 和format="\\#" 什么都不做的原因。而是将它们写成data-decimals="0" 或data-format="\\#"。

【讨论】：

感谢您的快速回复。猜猜我被绊倒了，因为它让我使用 value 和 min 没有数据前缀。
value 和 min 是 HTML 属性，而不是 Kendo UI 小部件属性。不要改变那些。但是，将值绑定到输入元素通常在 Kendo UI 中使用 data-bind="value: data[i].Copies" 完成。
警告：使用data-format="#" 而不是data-format="\\#"。
如果你想从字面上理解，你不能在剑道模板中使用#。您必须使用 \\ 对其进行转义，否则模板引擎会尝试将 # 之后的文本解释为 JavaScript。

【解决方案3】：

上述解决方案对我不起作用。我找到了以下对我有用的解决方案。可能低于解决方案对其他人有用。您只需要设置小数：0 和格式：'#'。

$('input').kendoNumericTextBox({
                step: 1000,
                min:1,
                value:200,
                decimals:0,
                format:'#'
            });

参考：https://www.telerik.com/forums/need-to-remove-the-decimal-points-in-the-value-#2633984

【讨论】：