HAP前端——重置表单

需求：需要清空表单上面输入框中的值，点击重置按钮则清空

按钮

 <div class="pull-left" id="toolbar-btn2" style="padding-bottom:10px;">
                    <span class="btn btn-primary" style="margin:0 2px;float: left; width: 70px"
                          data-bind="click:queryGrid" type="submit"><@spring.message "hap.query"/></span>
                    <span class="btn btn-default" style="margin:0 2px;float: left; width: 70px" data-bind="click:resetForm" type="button"><@spring.message "hap.reset"/></span>
                    <span class="btn btn-success" style="float:left;margin-right:5px;"
                          onclick="exportExcelFunction()" ><i class="fa fa-file-excel-o" style="margin-right:3px;"></i><@spring.message "导出Excel"/></span>
                </div>
                <script>kendo.bind($('#toolbar-btn2'), viewModel);</script>

上面我全部吧按钮列出来，因为需要绑定按钮到viewModel中，作为一个懒妹子，就全部贴上代码了

js代码：

//重置
        resetForm: function(e) {
            var data = viewModel.model.toJSON();
            // alert(data);
            for ( var i in data) {
                viewModel.model.set(i, null);
            }

注意的是：
使用data-bind绑定数据，触发的事件写在viewModel中