0

Kendo NumericTextboxes のコレクションを含むページがあります。を使用して、特定の Kendo NumericTextbox にアクセスできます。

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

私の問題は、jquery を使用してそれらを反復できるように、Kendo NumericTextboxes のコレクションを取得したいということです。各 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});});

4

1 に答える 1

3

このdata-role属性を使用して、すべての剣道数値テキスト ボックスをフィルター処理できます (それらはすべてdata-role="numerictextbox"実際の入力にあり、コードを each() 呼び出しに適用します)。

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

JSFiddle はこちら: http://jsfiddle.net/TrueBlueAussie/x6kKK

提供されたサンプル HTML の使用

于 2013-09-11T09:35:20.553 に答える