अद्यतन केंडो NumericTextBox

Question

MVVM उदाहरण here पर एक नज़र डालें:

मैं स्पिन घटना पर अद्यतन करने के लिए MVVM मूल्य (क्लिक करने ऊपर या नीचे तीर)

कैसे प्राप्त कर सकते हैं यहाँ मैं क्या करने की कोशिश की है:

स्पिन घटना में, मैं

$("#ntb").getKendoNumericTextBox().trigger("change"); 

यही काम किया लेकिन अजीब था करने की कोशिश की दुष्प्रभाव।

यदि डोम पर पर्याप्त तत्व हैं, तो स्पिन घटना फायरिंग रखेगी।

$("#ntb").getKendoNumericTextBox().trigger("change"); 

:

इस पुन: पेश करने का एक और तरीका, से here (jsbin)

कोड ले एक HTML फ़ाइल में यह डालें क्रोम या एफएफ में लोड और फिर इस लाइन पर एक को तोड़ने बिंदु डालने के लिए है जारी रखें और आप ब्रेकपॉइंट को समय के बाद हिट टाइम देखेंगे।

फ़ायरफ़ॉक्स में, यदि मेरा डोम काफी बड़ा है, तो मुझे ब्रेकपॉइंट के बिना एक रेपो मिल जाता है।

Answer 1

मैंने आपके jsbin की जांच की और मैंने HTML और जावास्क्रिप्ट में कुछ त्रुटियां देखीं। मुझे लगता है कि जब आप विभिन्न कोडों का परीक्षण कर रहे थे तो आप इसे सही करना भूल गए थे। वैसे भी मैं आपके कोड को साफ़ और सही करता हूं और उन्हें jsfiddle पर डाल देता हूं।

ब्रेकपाइंट (debugger;) डालने के बाद मैंने देखा कि तुम ठीक कह रहे onSpin घटना असीम से चलाता है, लेकिन यह अजीब कार्य होता है अगर आप ईवेंट में एक ब्रेकपाइंट डाल दिया। यदि आप ब्रेकपॉइंट हटाते हैं और console.log(" पर स्पिन event triggered."); डालते हैं तो आप देखते हैं कि सब ठीक है और ईवेंट सिर्फ एक बार ट्रिगर हुआ।

मुझे विभिन्न परिदृश्यों में ऐसे मुद्दों के साथ सामना करना पड़ा उदाहरण के लिए alert()console.log() के बजाय डीबगिंग उद्देश्य के लिए।

---

कोड:

var viewModel = kendo.observable({ 
    selectedNumber: 0, 
    isEnabled: true, 
    isVisible: true, 
    onSpin: function() { 
     //debugger; 
     console.log("`onSpin` event triggered."); 
     $("#ntb").getKendoNumericTextBox().trigger("change"); 
    }, 
    onChange: function() {} 
}); 
kendo.bind($("#example"), viewModel); 

Answer 2

केंडो समर्थन स्पिन घटना में इस चलाने के लिए कहते हैं:

this.set('selectedNumber', e.sender.element.val()); 

और उस समस्या का समाधान करता है।

Answer 3

आप नीचे दिए गए कोड को आजमा सकते हैं। इससे मेरा काम बनता है।

ViewModel

viewModel.bind("change", function (e) { 
     console.log("property Changed on spin "); 
    }); 

उस्तरा कोड

<input id="tbSlideDuration" data-role="numerictextbox" 
          data-format="#" 
          data-min="1" 
          data-max="100" 
          data-bind="value:slideDuration, events: {spin:change}" /> 

इस हुड :)