5

我开发了一个带有淘汰赛/微风的项目。

我想知道是否可以强制淘汰以将可观察对象标记为已更改(即使焦点仍在现场)。我的目标是通知用户,每当他开始更改日期时,他都可以保存它(立即显示一个按钮)。例如,我有一个带日期的输入字段。用户开始在此字段中编辑日期。当用户离开该字段的焦点时,observable 应该只解释新的编码日期。但我想Save button在他开始在输入字段中输入内容时显示我的内容。我希望我很清楚。

这是我的 bindingHandlers,用于在我的输入中处理编辑日期:

ko.bindingHandlers.dateRW = {
    //dateRW --> the 'read-write' version used both for displaying & updating dates
    init: function (element, valueAccessor, allBindingsAccessor) {
        var observable = valueAccessor();
        var value = ko.utils.unwrapObservable(valueAccessor);
        //handle the field changing
        ko.utils.registerEventHandler(element, "change", function () {                
            var myDate = moment($(element).val(), "DD/MM/YYYY");
            observable(myDate.toDate());
        });
        //ko.utils.registerEventHandler(element, "keyup", function () {
        //    As soon as user begin to type something, I would like to show my save button
        //});
    },
    update: function (element, valueAccessor, allBindingsAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor());
        var date = (typeof value !== 'undefined') ? moment(value) : null;
        var dateFormatted = (date != null) ? date.format('DD/MM/YYYY') : '';
        $(element).val(dateFormatted);
    }
};

而我的观点:

<input type="text" data-bind="dateRW: myDate" />

不幸的是valueUpdate: 'afterkeydown'不起作用,因为我使用的是自定义 bindingHandlers。

希望有人能指出我正确的方向。

谢谢。

4

2 回答 2

9

尝试observable.valueHasMutated()

编辑 在您提到的其他评论中,您将启用的保存绑定到“context.hasChanges()”(从 Breeze EntityManager 更新?)。

我相信 Breeze 不会hasChanges通过订阅 Knockout 可观察通知来更新。我认为它实际上包含了 observable 设置功能,并且还检查以确保该值实际上正在改变。换句话说,我相信您实际上必须更改您的 observables 值(然后返回)才能触发hasChanges()

另一个(不太好的)选择可能是尝试返回可观察对象的父对象并获取它的EntityAspect. 然后你可以调用` setModified() '。在绑定处理程序中执行所有这些操作似乎是个坏主意,因为它真的开始假设您要绑定的可观察对象是 Breeze 实体上的一个属性。

您可能最好(没有双关语)考虑类似于迈克尔的答案的选项。也许在您的视图模型中创建一个saveEnabled()可观察的对象,例如:

var saveEnabled = ko.observable(false);
context.hasChanges.subscribe(function() { saveEnabled(true); });

然后,您可以使用keyupMichael 建议的绑定,或者subscribe在您的可观察日期上添加另一个绑定 - 并返回调用valueHasMutated()绑定处理程序(如果您能找到它)。

于 2013-04-28T10:07:17.370 回答
0

假设您的保存按钮已经enable绑定到一个可观察对象,我们称之为它saveEnabled,您应该能够使用事件处理程序触发它。Knockout 包括一个event专门用于此的绑定。

<input type="text" data-bind="dateRW: myDate, event: {keyup: function() {saveEnabled(true);}}">

于 2013-04-28T10:40:32.697 回答