Breezejs flips the EntityState from Added to Modified before Save

Question

I am building a SPA per the guidance provided in John Papa's Jumpstart. When I create the model, it has

modelObservable().entityAspect.entityState.isAdded() = true;

I update the text, dropdown and modelObservable().entityAspect.entityState.isAdded() = false;

in my Datacontext:

  var createProject = function (position) {
            return manager.createEntity(entityNames.project,
                {
                    positionId : position.id(),
                    start : position.start(),
                    memberId : position.memberId()
                });
        };

which is called from my add viewModel:

   define(['services/datacontext', 'durandal/plugins/router', 'durandal/system', 'durandal/app', 'services/logger', 'services/uiService'],
    function (datacontext, router, system, app, logger, ui) {
        var model = ko.observable();
        var position = ko.observable();
        var hourTypes = ko.observableArray([]);
        var isSaving = ko.observable(false);
        // init
        var activate = function (routeData) {
            logger.log('Add View Activated', null, 'add', true);
            var positionId = parseInt(routeData.id);

            initLookups();
            return datacontext.getPositionById(positionId, position).then(**createProject**);
        };

        var initLookups = function () {
            logger.log('initLookups', null, 'add', true);
            hourTypes(datacontext.lookups.hourTypes);
        };

        // state

        **var createProject = function () {
            return model(datacontext.createProject(position()));
        }**

        var addNewProject = function () {
            if (position == undefined || position().id() < 1) {
                console.log('callback addNewProject');
                setTimeout(function () {
                    addNewProject();
                }, 1000);
            } else {
                datacontext.addProject(position(), model);
                console.log(model().id());
                return;
            }
        }

        var **save** = function () {
            isSaving(true);
            **datacontext.saveChanges()**
                    .then(goToEditView).fin(complete);

            function complete() {
                isSaving(false);
            }
            function goToEditView() {
                isSaving(false);
                var url = '#/Projects/';
                router.navigateTo(url + model().id());
            }
        };

        var vm = {
            activate: activate,
            hourTypes: hourTypes,
            isAdded: isAdded,
            model: model,
            save: save,
            title: 'Details View'
        };

        return vm;

});

the html


      
        
        
            
                
                    Name*
                    
                
            
            
                Start*
                End
            
            
                
                
            
            

            
                Measure As*
                Hours/Week
                Total Hours
               
            
                
                    
                
                
                    
                    
                
                
                    
                    
                
            
            
                
                    Description*

The json breeze sends to my controller is this:

{ "entities": [ { "Id": -1, "Description": "poi", "End": null, "Gauge": 0, "Score": 0, "HourTypeId": 1, "HoursPerWeek": 45, "HourlyRate": null, "TotalHours": null, "WeightedHours": 0, "CreditMinutes": 0, "TotalCompensation": null, "IsCurrent": false, "Name": "poi", "PositionId": 1, "MemberId": 1, "Start": "2011-09-01T00:00:00Z", "undefined": false, "entityAspect": { "entityTypeName": "Project:#SkillTraxx.Model", "defaultResourceName": "Projects", "entityState": "Modified", "originalValuesMap": { "Name": "", "HourTypeId": 0, "HoursPerWeek": null, "Description": "" }, "autoGeneratedKey": { "propertyName": "Id", "autoGeneratedKeyType": "Identity" } } } ], "saveOptions": {} }

As you can see, the above is incorrect b/c state is "Modified" and the Id = -1. This throws an error server side. I suppose I could trap the DbUpdateConcurrencyException, unwind the JObject and change "Modified" to added, but that's got code smell all over it.

If anyone can help me find the face-palm moment in all of this, I'm ready. Thanks for looking!

James Fleming · Accepted Answer

FACE PALMED IT I took Jays advice and started stripping away the html then I realize it was my handler. The update method on shortDate handler was responsible. I wrapped it in an if statement not to send the update if the current state is added.

ko.bindingHandlers.shortDate = {
    init: function (element, valueAccessor) {
        //attach an event handler to our dom element to handle user input
        element.onchange = function () {
            var value = valueAccessor();//get our observable
            //set our observable to the parsed date from the input
            value(moment(element.value).toDate());
        };
    },
    update: function (element, valueAccessor, allBindingsAccessor, viewModel) {
        var value = valueAccessor();
        var valueUnwrapped = ko.utils.unwrapObservable(value);
        if (valueUnwrapped) {
            element.value = moment(valueUnwrapped).format('L');
            if (!viewModel.entityAspect.entityState.isAdded())
            {
                **viewModel.entityAspect.setModified();**
            }
        }
    }
};

Breezejs flips the EntityState from Added to Modified before Save

Answers (1)

Related Questions