是否可以循环设置剑道UI配置?

Question

这是我面临的一个情况的例子：

我添加了一堆剑道数字文本框

<input type="number" id="test1" class="kendoText" data-role="numerictextbox" data-bind="<databind>" />    
<input type="number" id="test2" class="kendoText" data-role="numerictextbox" data-bind="<databind>" />   
<input type="number" id="test3" class="kendoText" data-role="numerictextbox" data-bind="<databind>" />

然后是一个脚本，该脚本在$(document).ready上触发以设置每个配置，例如

$("#test1").kendoNumericTextBox({
format: "c0",
spinners: false,
max: 1000000000,
min: 0
});

由于我将其中许多配置设置为完全相同的值，因此我立即想到是通过循环自动执行此操作

var tags = ["#test1", "#test2", "#test3"];
tags.forEach(tag => 
$(tag).kendoNumericTextBox({
format: "c0",
spinners: false,
max: 1000000000,
min: 0
});
);

但这似乎不起作用，我似乎找不到它不起作用的原因。关于可能导致它的原因以及我如何解决它的任何想法？

Answer 1

尝试以下操作：

$( document ).ready(function() {
var kendoInputs = $( '.kendoText' );
kendoInputs.kendoNumericTextBox({
format: 'c0',
spinners: false,
max: 1000000000,
min: 0
});
});

您可以使用class属性来定位具有该class的所有元素，而不是为数组中的每个输入声明id。

此外，您的 html 示例中有重复的id's，这也可能是问题所在。