如何使用淘汰赛 js 清除表单字段？

Question

从表单中保存数据后，我想清除字段。我正在使用淘汰赛 js 将表单字段绑定到模型。清除表单字段的最佳方法是什么？

Answer 1

function BookViewModel(title, author, pages) {
    var self = this;
    self.title = ko.observable(title);
    self.author = ko.observable(author);
    self.pages = ko.observable(pages);

    self.reset = function() {
        self.title(null);
        self.author(null);
        self.pages(null);
    }
}
var viewModel = new BookViewModel("Windows Presentation Foundation 4.5 - Einführung und Praxis", "Norbert Eder", 400);
ko.applyBindings(viewModel);

查看fiddle

您也可以查看mapping.js 插件。也许它会帮助您更轻松地完成它。

Answer 2

您可以通过这种方式在可观察对象中使用子模型，然后 clear 只会将值更改为新对象：

Javascript：

var ViewModel = function () {
    var self = this;

    self.formModel = ko.observable(new FormModel());

    self.clear = function () {
        self.formModel(new FormModel());
    }
};

var FormModel = function () {
    var self = this;

    self.firstName = ko.observable();
    self.surname = ko.observable();
}

ko.applyBindings(new ViewModel());

HTML：

<form data-bind="with: formModel">
    First Name: <input type="text" data-bind="value: firstName"/>
    Surame: <input type="text" data-bind="value: surname"/>
    <button data-bind="click: $parent.clear">Clear</button>
</form>

演示：http://jsfiddle.net/qb5k9bbn/