check if item is dirty in property editor

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Dave Woestenborghs 3504 posts 12133 karma points MVP 8x admin c-trib

Jan 14, 2015 @ 08:59

0

Check if item is dirty in property editor

Developing Umbraco 7 packages

Does anybody know how to check for unsaved changes in a content item from a property editor? I need to disable some functionality when there are unsaved changes.

Dave

Copy Link
Sören Deger 733 posts 2844 karma points c-trib

Jan 14, 2015 @ 10:16
0
Hi Dave,

with this you can set the state manually in your controller to saved:
```
$scope.formName.$dirty = false;
```
It's not exact this what you need, but perhaps this can help you.

Best
Sören
Copy Link
Dave Woestenborghs 3504 posts 12133 karma points MVP 8x admin c-trib

Jan 14, 2015 @ 10:44

0

Hi Sören,

I have a property editor with a button in it. Button should be disabled if there are unsaved changes in other properties in the content item.

So i need to know if the item is dirty.

Dave

Copy Link
Sören Deger 733 posts 2844 karma points c-trib

Jan 14, 2015 @ 10:52
0
Hi Dave,

I have not tested it yet, but it should work something like this:
```
<button ng-show='$dirty==false' />
```
or
```
<button ng-show='formName.$dirty==false' />
```
Sören
Copy Link

Dave Woestenborghs 3504 posts 12133 karma points MVP 8x admin c-trib

Jan 15, 2015 @ 08:30

I just found out how to do it. I added this code to my button click handler

// get the content item form
var contentForm = angular.element('form[name=contentForm]').scope().contentForm;

// if we have a dirty property show a notification and cancel sending 
if (contentForm.$dirty) {
notificationsService.error('You have unsaved changes');
return false;
}

Dave

Copy Link

Sören Deger 733 posts 2844 karma points c-trib

Jan 15, 2015 @ 19:09

0

Hi Dave,

great to hear this! And thank you for sharing your code :-)

Sören

Copy Link
Bjarne Fyrstenborg 1280 posts 3990 karma points MVP 7x c-trib

Mar 10, 2015 @ 21:59
3
Just a comment in relation to this. If you need to set $dirty property to true, you can also use $setDirty()
https://docs.angularjs.org/api/ng/type/form.FormController#$setDirty

So you can use:
```
var contentForm = angular.element('form[name=contentForm]').scope().contentForm;
contentForm.$dirty = true;
```
or
```
var contentForm = angular.element('form[name=contentForm]').scope().contentForm;
contentForm.$setDirty();
```
but this didn't change to dirty state for <ng-form name="propertyForm"> which still had class="ng-pristine ng-valid"

so I had a look at how it is done in the core: https://github.com/umbraco/Umbraco-CMS/blob/2834ccdc2b057619178b3df49aa05ae938faca15/src/Umbraco.Web.UI.Client/src/views/propertyeditors/rte/rte.controller.js

and came up with this:
```
angular.module("umbraco").controller("Our.SwitcherController", function ($scope, $timeout, angularHelper) {

    var alreadyDirty = false;
    ...

    if (!alreadyDirty) {
        var currForm = angularHelper.getCurrentForm($scope);
        currForm.$setDirty();
        alreadyDirty = true;
    }

});
```
/Bjarne
Copy Link

Thomas 315 posts 602 karma points c-trib

Oct 01, 2020 @ 08:32

Umbraco 8.7.0

I have this where I reuse a Rich text editor..

<ng-form id="commentform" name="commentForm">
                <umb-property-editor model="rte"></umb-property-editor>
            </ng-form>

This return null ...

var currForm = angularHelper.getCurrentForm($scope);

The same with this:

var contentForm = angular.element('form[name=commentForm]').scope().contentForm;

Can you see what i'm doing wrong..

Copy Link

is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?