2

我正在将 Knockout 用于绑定到具有一定深度/复杂性的 ViewModel 的视图。

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

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

我的问题与Knockout ValidationvalidatedObservable 组错误非常相似，但我发现发现的解决方案（托管在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/但视图无法绑定到已验证的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 的错误，或者我可能只是做错了。

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

4

1 回答 1

4

我通过采用不同的方法通过grouping我想在模型上验证的可观察量来验证我的模型，从而避免了这种马车盘旋：

这是一些用于设置我的阶段的初始化代码（您可以在此处查看所有可用选项：

    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();

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

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

编辑：

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

于 2013-01-04T00:42:06.880 回答