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

请看一下示例。

---

我的问题是，我需要在numerictextbox中保留0.00值，即使该值已在控件中删除。此时，它在UI上显示为空。有人能为问题提供最干净的解决方案吗？

您可以通过连接小部件的更改事件来实现目标，并在触发时修改其值和模型值

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

添加
名称
var viewModel=kendo.observable（{
人民:[
{id:1，名字：''，收入：'0.00'}，
{id:2，名字：''，收入：'0.00'}，
{id:3，名字：''，收入：'0.00'}
],
数值更改：函数（args）{
var numeric=args.sender；
如果（numeric.value（）==null）{
数值（0）；
参数数据集（“收入”，0）；
}
}
});
viewModel.AddNew=函数（）{
viewModel.People.push（{id:viewModel.People.length+1，FirstName:“Generated”，Income:“0.00”}）；
};
$（文档）.ready（函数（）{
bind（$（“#视图”），viewModel）；
});