입력 한 값을 삭제 한 후 숫자 텍스트의 기본값 유지

Question

here 샘플을보십시오. 내가 가진 문제는 값이 컨트롤에서 삭제 되더라도 0.00 값이 numerictextbox에 남아 있어야한다는 것입니다. 현재 UI에서는 빈 것처럼 보입니다. 누구나 문제에 대해 가장 깨끗한 해결책을 조언 할 수 있습니까?

Answer 1

목표가 달성되면 위젯의 변경 이벤트를 연결하고 트리거 될 때 해당 값과 모델의 값을 수정할 수 있습니다.

<div id="view"> 
    <div data-template="containertpl" data-bind="source: People"></div>  
    <button data-bind="click: AddNew">Add</button> 
</div> 


<script id="containertpl" type="text/x-kendo-template"> 
    <div> 
     <label for="FirstName#:id#">Name</label> 
     <input name="FirstName#:id#" type="text" data-bind="value: FirstName"/> 
     <input data-role="numerictextbox" data-bind="value: Income, events: { change: numericChange }"/> 
    </div> 
</script> 

var viewModel = kendo.observable({  
    People: [ 
     {id: 1, FirstName: "", Income: "0.00" }, 
     {id: 2, FirstName: "", Income: "0.00" }, 
     {id: 3, FirstName: "", Income: "0.00" } 
    ], 
    numericChange: function(args) { 
     var numeric = args.sender; 

     if (numeric.value() === null) { 
      numeric.value(0); 
      args.data.set("Income", 0); 
     } 
    } 
}); 

viewModel.AddNew = function(){ 
    viewModel.People.push({id: viewModel.People.length + 1, FirstName: "Generated", Income: "0.00"}); 
}; 

$(document).ready(function(){  
    kendo.bind($("#view"), viewModel);   
});