Kendo html 有界表单重置

Question

我正在尝试在使用可观察对象的按钮单击时重置 html 有界表单 viewModel，但重置后（html 重置），它不允许输入表单以拉取点击时的新数据。

工作流程：我有一个表单，用户在其中输入一个 id 并单击一个按钮，远程数据源将数据拉入该表单。加载数据后，用户将单击清除（重置）按钮加载空白表单以搜索另一个 id 以加载新数据，但在清除（重置）之后，不允许表单检索新数据。

型号

 var formModel = kendo.data.Model.define({                            
                            id: "investigation_id",
                            ...
  });

数据源

var formSource = new kendo.data.DataSource({
                     ... });

可观察

 var form = kendo.observable({
                            dataSource: formSource,                                                         
                            forms: new formModel(),
                            standard_ind: 0, change_type: 0, 
                            resolution_type: 0,resolution_sub_type: 0,                                                      
                            getstd: function(){ return this.get("standard_ind"); }, 
                            getchg: function(){ return this.get("change_type"); },                                                        
                            getrestype: function(){ return this.get("resolution_type"); },
                            getresstype: function(){ return this.get("resolution_sub_type"); },
                            ...
                            goReset: function(){                                    
                                    invReset();
                            }

kendo.bind($("#triage_form"), form); 

function invReset(){
                            $('#sr_error_message').text('').fadeOut();  
                                $('#subform').hide();$('#upd').hide();$('#save').show();                                 
                                newModel = new formModel();
                                form.dataSource.data(newModel);
                                console.log("reset form",form.forms);
                                $('#sr_number').focus();
                        };

Answer 1

我再次使用带有加载数据的 JS .reset() 再次加载空白 observable，现在表单正在正确重置。

...
document.getElementById("triage_form").reset();
getdata();    ;initiates blank model
...

Kendo html 有界表单重置

Kendo html bounded form reset

javascript

forms

mvvm

observable

kendo-ui