What is the process for retrieving document field values for an item in Umbraco 7 backoffice?

Question

What is the process for retrieving document field values for an item in Umbraco 7 backoffice?

I have developed a unique Umbraco 7 dashboard where I aim to retrieve specific field details from instances of a particular document type in my Umbraco CMS.

After successfully obtaining a list of all documents of the specified type using

entityResource.getChildren(1386, "Document")

, I then proceed to call

entityResource.getById(item.id, "Document")

for each document. While I can view many details for each document instance, I am unable to access the data entered by the editor during creation. How can I retrieve this information utilizing Umbraco's Angular services/API?

Here is a snippet of the code within the dashboard:

// fetching community alerts
entityResource.getChildren(1386, "Document")
    .then(function (ent)
    {
        angular.forEach(ent, function (item)
        {
            let communityalert = {
                umbracoItem: item,
                title: '',     // Data from each document will be placed here
                topic: ''
            };
            entityResource
                .getById(item.id, "Document")
                .then(function (entity)
                {
                    console.log('entity', entity);
                    communityalert.title = entity.name;
                    communityalert.umbracoItem = entity;

                    entityResource
                        .getUrl(item.id, "Document")
                        .then(function (url)
                        {
                            communityalert.url = url;

                            // Finally, add collected data to VM.
                            vm.CommunityAlerts.push(communityalert);
                        });
                });
        });
    });

javascript angularjs umbraco7

Answer 1

Answer №1

After thorough investigation, I finally discovered the solution: utilize the injectable contentResource's getById() method. This method retrieves all the details of a content item, as opposed to the entityResource's getById() method which only retrieves common details for a content tree. The latter resource's methods provide all the details of a content item, including entered field data.

contentResource.getById(item.id)
    .then((data) =>
    {
        //console.log('contentResource.getById data', data);
        angular.forEach(data.properties, (property) =>
        {
            //perform actions with the document's content...
        });
    });

In summary, use methods from the injectable resource entityResource to obtain a subset of details, but if you require all the details of a document, utilize the injectable contentResource resource.

It becomes straightforward once you spend enough time reading the documentation!

Answer 2

After thorough investigation, I finally discovered the solution: utilize the injectable contentResource's getById() method. This method retrieves all the details of a content item, as opposed to the entityResource's getById() method which only retrieves common details for a content tree. The latter resource's methods provide all the details of a content item, including entered field data.

contentResource.getById(item.id)
    .then((data) =>
    {
        //console.log('contentResource.getById data', data);
        angular.forEach(data.properties, (property) =>
        {
            //perform actions with the document's content...
        });
    });

In summary, use methods from the injectable resource entityResource to obtain a subset of details, but if you require all the details of a document, utilize the injectable contentResource resource.

It becomes straightforward once you spend enough time reading the documentation!

What is the process for retrieving document field values for an item in Umbraco 7 backoffice?

Answer №1

Similar questions

A Sweet Alert to Deliver your Morning Toasty Message

Learn how to display a web page in a tab view similar to the toggle device toolbar option

What is the best way to automatically create a list of file names that can be used in a Grunt task?

Combine the remaining bars by stacking the highest one on top in Highchart

Creating and managing temporary users in MEAN Stack without requiring login or signup

Is there a way to determine the color of an element when it is in a hover state?

Utilizing Ajax for Dynamically Filling a Dropdown Menu

Is it possible to modify CSS properties by clicking on buttons?

Having trouble with installing a React app using npx create-react-app my-app?

Uploading a file with AngularJS and storing it in a database

Employing eval for parsing the JSON data

Is the Javascript Browser Plugin currently activated?

Ways to update div using jquery without creating copies

Error: Attempting to access the 'toString' property of an undefined object is not permitted (apex-charts)

Add multiple checkboxes in a dropdown menu to save in a MySQL database

Apply a class to the input element within an ng input tag

resolve problems with Jquery scripts

Why do I keep receiving the error message "Cannot set property of undefined"?

How can you interact between a parent's named controller and JavaScript files in AngularJS?

Listen for incoming data from the client in the form of an ArrayBuffer