是否可以在循环中设置 kendo UI 配置？

Question

这是我面临的情况的示例：

我像这样添加了一堆 kendoNumericTextBoxes

<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，这也可能是问题所在。

是否可以在循环中设置 kendo UI 配置？

Is it possible to set kendo UI configurations in a loop?

html

jquery

kendo-ui