2016-08-23 8 views
0

Ich habe Probleme beim Aktualisieren der KendoNumericTextBox, wenn ich das Val aktualisieren wird nicht angezeigt, bis ich meinen Cursor in das Textfeld legte.KendoNumericTextbox wird nicht aktualisiert, wenn Wert festgelegt

$(document).ready(function() { 
 
    
 
$('#txtCorpEl').kendoNumericTextBox({}).data("kendoNumericTextBox"); 
 
    
 
$('#txtCorpEl').value(5); 
 
    
 
$('#txtCorpEl').focus(); 
 
    
 
//var numerictextbox = $("#txtCorpEl").data("kendoNumericTextBox"); 
 
//numerictextbox.focus(); 
 
    
 
}); 
 
    
 
    
 
function onChange() { 
 
    console.log("event: change"); 
 
};
<link href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css" rel="stylesheet"/> 
 
<link href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css" rel="stylesheet"/> 
 
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>   
 
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script> 
 
<input id="txtCorpEl" />

+0

Versuchen Sie, ihre Wertfunktion statt jquery val http://demos.telerik.com/kendo-ui/numerictextbox/api – Nikki9696

+0

Große Vorschlag aber ... „Uncaught Typeerror mit: $ (...). Wert ist keine Funktion " –

+0

Sie müssen ihre auf ihrem Element verwenden. Einen Moment. – Nikki9696

Antwort

1

Dies funktioniert gut, wenn ich es testen.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> 
    <link href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css" rel="stylesheet"/> 
<link href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css" rel="stylesheet"/> 
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>   
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script> 
</head> 
<body> 
<input id="txtCorpEl" /> 
<script> 
    $(document).ready(function() { 
     $("#txtCorpEl").kendoNumericTextBox(); 
    var numerictextbox = $("#txtCorpEl").data("kendoNumericTextBox"); 
numerictextbox.value(5); 
}); 
</script> 
</body> 
</html> 
Verwandte Themen