在删除输入值后保留数字文本的默认值

Question

查看示例here。 我有的问题是，即使该值在控件中被删除，我仍需要在numerictextbox中保留0.00值。目前它在用户界面上显示为空白。任何人都可以建议最干净的解决方案的问题？

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);   
});