2014-09-24 66 views
1

我有Kendo數字文本框..我只想知道如何顯示默認值,當用戶刪除該值並單擊數字文本框之外的文本框顯示爲空時,如何再次顯示默認值,當它被刪除並點擊其他字段。Kendo數字文本框:即使被刪除,如何保留默認值?

這裏是我的代碼:

<input id="txtWageFrom" name="txtWageFrom" type="number" class="dropnumeric" value="30" min="10" max="100" /> 

$("#txtWageFrom").kendoNumericTextBox({ 
    format: "c", 
    decimals: 3, 
    value:30, 
    change: function() { 
     var value = this.value(); 
     // alert(value); //value is the selected date in the numerictextbox 
     if (value == null) { 
      alert(value); 
     } 
    } 
}); 

我想再次聲明上改變事件的輸入值,但它不工作...

回答

2

你可以處理blur事件

$("#txtWageFrom").blur(function() { 
    var kn = $(this).data("kendoNumericTextBox"); 
    if (kn.value() === null) { 
    kn.value(0.0); // set default 
    } 
}); 
+0

有時,可能會發生該值未在視圖中更新。另外調用* kn.trigger(「change」); * – 2015-07-27 07:32:17

0

ahaha tnx的幫助,但我解決了這個問題

$("#txtWageFrom").kendoNumericTextBox({ 
    format: "c", 
    decimals: 3, 
    value: 30, 
    change: function() { 
     var value = this.value(); 

     if (value == null) { 
      setFromValue(); 
     } 
    } 
}); 
var numerictextbox = $("#txtWageFrom").data("kendoNumericTextBox"); 
var setValue = function() { 
    numerictextbox.value(30); 
    alert('sadasdasdwe'); 
}; 
+0

我認爲'setFromValue()'調用和'var setValue = function()...'聲明之間存在拼寫錯誤。 – OnaBai 2014-09-24 10:01:17