0

在尝试验证由对象集合组成的视图模型时,我看到了意外行为validatedObservable;实际上,嵌套集合。

首先,让我指出我的演示行为的 JSFiddle:http: //jsfiddle.net/cbono/ZTXB9/8/

我的视图模型是一个App对象。它包含单个属性Services,它是Service对象的集合。每个 Service 都包含一个Retailers属性,您猜对了,它是Retailer对象的集合。每个对象都被实例化为validatedObservable,以便我可以调用isValid顶级对象并查找子对象中的任何/所有错误。

当我初始化库时,我使用:

ko.validation.init({
    grouping: {
        deep: true,
        observable: true
    }
});

我唯一有效的验证规则是针对零售商对象。如果选择了零售商并且零售商的名称是“Other” ( (IsSelected() && IsOther()) === true),则需要OtherDesc属性。就是这样。否则,零售商有效。

当我测试规则时(选中“其他”复选框之一并将随附的描述字段留空),验证按预期失败。但是,视图模型的errors集合包含以下内容:

  [undefined, undefined, "This field is required"]

self.errors.showAllMessages()此外,当被调用时,我在 JS 控制台上收到此错误:

   Uncaught TypeError: Object function d(){if(0<arguments.length)
      {if(!d.equalityComparer||!d.equalityComparer(c,arguments[0]))d.H(),c=arguments[0],d.G();return this}b.r.Wa(d);return c} 
         has no method 'isModified' 

我很确定这两个问题是相关的,但我无法拼凑出幕后发生的事情。似乎当验证库遍历对象图时,它获取了不正确类型的对象(因此没有方法),因此在错误集合中IsModified放置了一堆undefined 。

我没有按预期使用图书馆吗?我正在努力让它发挥作用,因为我真的很喜欢模型验证的想法。在 jquery.validate 之类的东西中重新创建这个验证会复杂得多。

4

1 回答 1

2

看起来validatedObservable 不能嵌套。仅将 App 保留为 validateObservable 即可解决问题。

self.Services = ko.observableArray(
ko.utils.arrayMap(data, function (svc) {
    return new Service(svc); // unwrap
}));

//....

self.Retailers = ko.observableArray(
ko.utils.arrayMap(data.retailers, function (rtl) {
    return new Retailer(rtl); // unwrap
}));

http://jsfiddle.net/ostgals/ZTXB9/16/

于 2013-02-12T19:26:20.283 回答