查找Kendo Numeric文本框的集合

Question

我有一个包含Kendo NumericTextboxes集合的页面。您可以使用

访问特定的Kendo NumericTextbox

$("#idOfTheTextbox").data("kendoNumericTextBox")

我的问题是我想获取Kendo NumericTextboxes的集合，以便我可以使用jquery迭代它们。我想这样做，以便我可以以编程方式设置每个NumericTextbox的值。

以下是为NumericTextbox生成的HTML

<span class="k-widget k-numerictextbox"><span class="k-numeric-wrap k-state-default"><input tabindex="0" class="k-formatted-value k-input" aria-disabled="false" aria-readonly="false" style="display: inline-block;" type="text"><input name="PolicySectionSummary.RiskSectionLimitValue" class="k-input" id="txtLimit" role="spinbutton" aria-disabled="false" aria-readonly="false" aria-valuenow="100000" aria-valuemin="0" aria-valuemax="99999999" style="display: none;" type="text" min="0" max="99999999" value="100000,00" data-val="true" data-role="numerictextbox" data-val-number="The field RiskSectionLimitValue must be a number."><span class="k-select"><span class="k-link" style="-ms-touch-action: double-tap-zoom pinch-zoom;" unselectable="on"><span title="Increase value" class="k-icon k-i-arrow-n" unselectable="on">Increase value</span></span><span class="k-link" style="-ms-touch-action: double-tap-zoom pinch-zoom;" unselectable="on"><span title="Decrease value" class="k-icon k-i-arrow-s" unselectable="on">Decrease value</span></span></span></span></span><script>
jQuery(function(){jQuery("#txtLimit").kendoNumericTextBox({"decimals":2});});

Answer 1

您可以使用data-role属性过滤所有剑道数字文本框（它们在实际输入上都有data-role="numerictextbox"，然后在每个（）调用中应用您的代码

$('[data-role="numerictextbox"]').each(function(){
    var $textbox = $(this);
    // do something with the textbox
});

JSFiddle：http://jsfiddle.net/TrueBlueAussie/x6kKK

使用提供的示例HTML