2

我正在尝试将我的项目转换为使用 Ryan Niemeyer 的拖放插件(http://www.knockmeout.net/2012/02/revisiting-dragging-dropping-and.html)。

我正在尝试实现一个 isdirty 标志来指示一个项目是否已被拖到屏幕上的新位置,并且我已经使用 IsDirty 属性实现了这一点

var AccountViewModel = function(data) {
        this.$type = 'AccountViewModel';
        this.IsDirty = new ko.observable(false);
        ko.mapping.fromJS(data, mapping, this);

        this.add = function(item) {
            this.Accounts.push(item);
        };
    };

我有一个 aftermove 事件,应该将 IsDirty 属性设置为 true,但由于某种原因,我必须移动对象两次,然后我的数据绑定才能将其拾取。

    ko.bindingHandlers.sortable.afterMove = function(args) {
        args.item.IsDirty = true;
    };

<div class="accounts" data-bind="sortable: { data: Accounts }">
            <div class="row" data-bind="css: { dirty: IsDirty, newItem: IsNewAccount }">
                <div class="actions item"></div>
                <div class="accountItem item" data-bind="text: IsDirty"></div>
                <div class="accountItem item" data-bind="text: AccountName"></div>
                <div class="accountItem item" data-bind="text: IACode"></div>
                <div class="accountItem item" data-bind="dateFormat: OpenDate"></div>
                <div class="accountItem numberItem item" data-bind="text: T12Revenue"></div>
                <div class="accountItem numberItem item" data-bind="text: AUA"></div>
                <div class="accountItem item"></div>
                <div class="actions item"><img id="delete" src="~/Images/delete.png"/></div>
            </div>
        </div>

我必须强制刷新KO还是什么?任何帮助将不胜感激!!

4

1 回答 1

2

您的IsDirty属性定义为,this.IsDirty = new ko.observable(false);因此它是可淘汰的。

Observables 是函数,你需要通过调用它们来设置它们的值,并将值作为你想要设置的参数:

ko.bindingHandlers.sortable.afterMove = function(args) {
    args.item.IsDirty(true);
};

演示JSFiddle

于 2013-08-14T05:18:03.710 回答