【问题标题】:How to read all function a model with KO如何使用 KO 读取模型的所有功能
【发布时间】:2018-03-23 22:44:13
【问题描述】:

我不确定我的解释是否正确,但我需要阅读带有 KO 的模型的所有功能。

在这部分代码中,我创建了一个名为 Person 的模型:

 //Create my model
 var Modelo_Person = function () {
 var _Person_ID = ko.observable(''),
    _Nombre_Person = ko.observable('')
        .extend({ required: true })
        .extend({ caracterPermitido: 'ÁÉÍÓÚáéíóúñÑ_/-()&.' })
        .extend({ maxLength: 100 });
 return {
    Person_ID: _Person_ID,
    Nombre_Person: _Nombre_Person
 }
}

这里是视图/Html:

 <- html ->
 <input class="form-control" data-bind="textInput:Modelo_Person.Nombre_Neumatico" />
<input class="form-control" data-bind="textInput:Modelo_Person.Nombre_Person" />

我有一个带有 ViewModel 的 .js 文件:

 //ViewModel.js
 $(function () {
 Obj_Person_ViewModel = new Person_ViewModel();
}

//Open modal where view inputs
self.Abrir_Modal_Interfaz = function () {
    var modal_interfaz = $('#Modal_Interfaz')
    self.clear_inputs();
    modal_interfaz.modal();

}

//here is my problem
self.clear_inputs = function () {
 //i want to read all controls o elemt like to...
 foreach(self.Modelo_Person in elemt)
 {
    //now to clean it  or see its proerties
    element('');
 }

}

【问题讨论】:

    标签: knockout.js viewmodel


    【解决方案1】:

    您应该修改模型以清除值。

       //Create model with validations
       var newUser = ko.validatedObservable({
           Name: ko.observable().extend({ requiered: true }),
           LastName: ko.observable().extend({ requiered: true })
       });
    
       //Set values
       newUser().Name("Test1");
       newUser().LastName("Test2");
    
       Object.keys(newUser()).forEach(function (key) {
            newUser()[key]("");
       });
    
       console.log("after reset");
       console.log("Name:" + newUser().Name());
       console.log("LastName:" + newUser().LastName());
    

    另外我认为你可以在模型 javascript 文件中返回完整的对象。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-12-28
      • 2016-11-13
      • 2015-06-01
      • 1970-01-01
      • 1970-01-01
      • 2016-06-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多