validation - knockout 验证可以将 validateObservable 扩展到针对整个模型进行验证吗？

Question

我正在将 Knockout 用于绑定(bind)到具有一定深度/复杂性的 ViewModel 的 View 。

为了验证我的 ViewModel，我需要计算整个 VM 树(遍历和比较后代)。我希望利用 knockout 验证插件@ https://github.com/ericmbarnard/Knockout-Validation创建一些任意自定义验证规则并报告任何错误。

我使用 KO 计算的 observable @ http://jsfiddle.net/drdamour/ZrVZ7/ 设置了一种可能的方法.验证规则是确保没有 2 个 SubCollections 具有相同的值。这是有效的，但它没有使用 Knockout-Validation，我的规则现在在我的计算 observable 中实现，这似乎是错误的。

我的问题与 Knockout Validation validatedObservable group error 非常相似但我发现发现的解决方案(托管在 http://jsfiddle.net/CGuW2/6/ )不太理想:

var viewModel = {
    num1: ko.observable("50").extend({ number: true, min: 0, max: 100 }),
    num2: ko.observable("50").extend({ number: true, min: 0, max: 100 })
};

viewModel.isValidSum = ko.validatedObservable({
                            num1: viewModel.num1,
                            num2: viewModel.num2
                        }).extend({ mustEqual: 100 });

ko.applyBindings(viewModel);

因为它通过将经过验证的 self 作为属性添加到自身 (isValidSum) 来复制 ViewModel。我试图消除这种冗余@ http://jsfiddle.net/drdamour/5B8s4/但 View 无法绑定(bind)到已验证的Observable:

var viewModel = {
    num1: ko.observable("50").extend({ number: true, min: 0, max: 100 }),
    num2: ko.observable("50").extend({ number: true, min: 0, max: 100 })
};

var vm = ko.validatedObservable(viewModel).extend({ mustEqual: 101 });

ko.applyBindings(vm);

这可能是 KO 或 KO-Validation 的错误，或者我可能只是做错了。

所以问题是:在 knockout 中确定 VM 是否对跨 VM 的多个属性和层进行评估的条件有效的最佳方法是什么？

Answer 1

我通过 grouping 采用不同的方法来验证我的模型，从而避免了这辆马车盘旋。我想在模型上验证的 observables:

这是一些用于设置我的阶段的初始化代码(您可以查看所有可用的选项 Here:

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

然后我会像这样设置你的模型:

function testModel() {
    var self = this;
    self.num1 = ko.observable(100).extend({ number: true, min: 0, max: 100 });
    self.num2 = ko.observable(50).extend({ number: true, min: 0, max: 100 });

    self.sum = ko.observable(150).extend({ number: true, equal: 100 });
    self.num1.subscribe(function () {
        self.sum(self.num1() + self.num2());
    });
    self.num2.subscribe(function () {
        self.sum(self.num1() + self.num2());
    });

    self.errors = ko.validation.group(this);
}

var viewModel = new ViewModel();

//somewhere later where we are testing the model
if (viewModel.sum.isValid())
    //YAY!!!
else
   //this will update the UI as you have configured it to show the error messages
   viewModel.errors.showAllMessages(); 

使用 ko.validation.group(model)将导致验证遍历模型中的所有可观察对象(多深，取决于初始设置，您会注意到我创建了我的 grouping: { deep: true }，这意味着如果此模型中有带可观察对象的子模型，它将验证这些为好。

如果您想隔离不同的验证案例，您不仅可以对整个模型执行此操作，还可以对其中的部分执行此操作。

编辑:

这是一种可以满足您的要求的方法。订阅所有要针对某个条件进行验证的可观察对象并不理想，但您唯一的选择是将它们简单地分组到一个已验证的Observable 中，这意味着您的数据最有可能首选结构。